这是转载于文曦博客的两个地图标点源码,理论上是可以进行任何图片标点的,并且经过本人亲自测试好用的两款源码,但是感觉都差不多,分享给大家,感觉适合于各个行业,希望大家能喜欢。
第一款原文介绍:
这是在一个IDC网站上面看到的,原来是IDC的资源节点分布图,看着比较实用,可以做任何行业的地域分布图。
原来的是这样的:

后来觉得太臃肿了,精简了无用代码,但是可能还是有一些无用代码,但是加上背景图也是将代码精简到了800多KB。还随便添加了一个节点测试。
最后变成了这样:

如果觉得背景不是你想要的可以更换为你的背景,比如不想显示全球,只是显示全国的话找一张中国地图换上去,然后再添加、移动节点就可以。
修改: 1、背景图片为239行的img标签内,注意更换图片是class和style不能删除。 2、修改和添加节点的位置大概在243--259之间,位置移动为top和left控制。
源码: https://wwa.lanzous.com/ic5ANgtx50d
本文来自:文曦博客,原地址:https://www.vience.cn/blog/489.html
第二款原文是这样描述的:
又一款地图标点源码,是的,之前也分享过一个类似的,可以做业务分布图,可以替换自己的背景图,原来的发现缩小屏幕或者手机看会出现标点不准确、错位,这一款就没有那个情况,也是好看的,而且这一款的图片为透明图片,可以明确的说比之前的好。
这一款来源于兔子CDN官网,只是把这个标点图源码给拿下来了,并且做了精简。 原来的截图: 之后的精简版没有做过多的修改,添加过节点测试,精简版的截图:

我在右下角还添加了一个节点在海里,千万不要觉得是错位了。 另外还加了指针指在节点上显示节点名称。 代码:https://wwa.lanzous.com/iPaEugx08zc
本文来自:文曦博客,原地址:https://www.vience.cn/blog/491.html
上一篇:
一款漂亮的富文本编辑器下一篇:
GEP分销免费版程序