我们平时使用地图的时候要么到高德或者百度等开发平台去使用,要么去可视化站点去获取如echarts,去百度或高德开发者平台使用的时候需要使用哪儿的地图代码里面写就可以了,Echarts中使用你只要给到地图json 数据就可以给你生成地图

制作自己想要的地图(制作自己想要的地图)(1)

甘肃省的地图

制作地图

先从开发者社区里面选择一个自己想要的大体地图结构,gallery.echartsjs这个是有社区成员共享的,在echarts基本图上面做了美化和优化处理,一般来说更适合咱们用,谁不喜欢好看的美的东西呢,你说是吧。

地址: https://gallery.echartsjs.com

制作自己想要的地图(制作自己想要的地图)(2)

gallery.echartsjs

我选择了南京市的这个,下面我去找个甘肃省的地图数据替换目前的地图数据

制作自己想要的地图(制作自己想要的地图)(3)

南京地图示例

地图数据获取

Datav.GeoAtlas 是阿里出品的datav 数据大屏处理地图获取数据的工具,这个很良心我们用也挺好的

地址:

http://datav.aliyun.com/tools/atlas/#&lat=37.59682400108367&lng=98.85498046875&zoom=6

制作自己想要的地图(制作自己想要的地图)(4)

datav 地图选择器

地图层级可以选择到县级别

制作自己想要的地图(制作自己想要的地图)(5)

县级数据

制作自己想要的地图(制作自己想要的地图)(6)

替换数据后得到的

啰嗦了些,其实就推荐了一个工具,一个echarts 社区贡献的资源,你如果做出好看的实用的也欢迎放到社区站点,造福大众开发者哦!

往期内容:

前端开发——工具篇 前端开发——可视化搭建推荐一波 Vue前端开发——数据交互axios Vue前端开发——使用高德地图WebApi

更多内容主页阅读

,