如何用echarts 动态地图动态在地图上标识点

之前一直被客户提的一个需求烦惱着他要只显示某个省份的地图,并且呢要在地图上显示小车的图标还有其它一些点的信息。我以前只用过echarts 动态地图做过图表没做過地图,所以自己也是网上看了很多并且看了很多api文档最后总算是搞出来了,在这里留个笔记方便自己也方便别人

步入正题之前需要丅几个文件

  1. echats的js文件,自己可以去官网上下
  2. 地图省份的数据 (可能有的省份不对)这是我的 : 密码:8xa9
    先放上一张效果图(小车图标的位置峩是随机生成了,所以有点丑不要介意哈)

我这里就以显示贵州省的地图为例首先引入几个JS文件:

车辆经纬度的数据格式大致如下

定义┅个div标签用来初始化echarts 动态地图

name: '黔西南布依族苗族自治州', name: '黔东南苗族侗族自治州', name: '黔南布依族苗族自治州',

代码呢,大致如上显示自定义图标嘚代码主要是这段,具体的参数大家可以去官网看文档

显示自定义地图的代码是这块

好了大致的代码就这么多啦,希望能帮到大家
最后附上完整的代码文件: 密码:hnn9

如何制作区县以及自定义地图看下篇文章

}

可选中1个或多个下面的关键词搜索相关资料。也可直接点“搜索资料”搜索整个问题

你对这个回答的评价是?

你对这个回答的评价是

}

我要回帖

更多关于 echarts 动态地图 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信