这是转载于文曦博客的两个地图标点源码，理论上是可以进行任何图片标点的，并且经过本人亲自测试好用的两款源码，但是感觉都差不多，分享给大家，感觉适合于各个行业，希望大家能喜欢。

第一款原文介绍：

这是在一个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