本文介绍了如何在H5页面和小程序中使用JVectorMap展示地图。JVectorMap是一款基于jQuery的SVG矢量地图插件，支持地图区域划分、缩放和平移功能，适用于各种主流浏览器。通过下载地图样本，使用SVG工具Inkscape编辑SVG数据，可以创建自定义地图。文章还列举了其他6款HTML5地图应用，包括纯CSS3标注提示、SVG世界地图等。
最近研究如果在H5页面上显示地图，通过一系列的调研，最终选择了JvectorMap作为最后的选择。在市面上用的有7种。
一、下载“http://jvectormap.com”的代码，获取sample样例，里面有很多地图可以直接使用。
二、当你打开源码时，会被诸多多的数据吓倒。别怕，其实数据就是SVG的矢量图。利用SVG的矢量画图工具，即可替换现有图片，
三、SVG工具，“InkscapePortable”有中文版。
下载地址：“http://soft.hao123.com/soft/appid/31100.html”
直接在源码中找到对应的SVG的图片数据，进行绘图，你就可以获取你自己的地图数据了。
参考学习文档：https://www.aliyun.com/jiaocheng/557494.html
这是一款基于HTML5的世界地图应用，它的特点是可以将地图中的各个国家区域进行划分，鼠标滑过时即可显示该区域对应的国家名称，你也可以对弹出的标签进行自定义文字和自定义样式。
源码下载
最低0.47元/天 解锁文章
扫一扫
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
