两款地图、图片标点源码

2551654928 2020-9-28 3584 [百度已收录] [搜狗已收录] [360已收录]

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

第一款原文介绍:

这是在一个IDC网站上面看到的,原来是IDC的资源节点分布图,看着比较实用,可以做任何行业的地域分布图。

原来的是这样的:

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

最后变成了这样:

地域分布标点源码 第2张

如果觉得背景不是你想要的可以更换为你的背景,比如不想显示全球,只是显示全国的话找一张中国地图换上去,然后再添加、移动节点就可以。

修改: 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分销免费版程序
这家伙太懒了,什么也没留下。
最新回复 (1)
返回
发新帖
扫码访问