geojson全国各省市区地图json数据绘制Echarts区域地图

最新推荐文章于 2025-06-08 15:30:21 发布

guoxunkun

最新推荐文章于 2025-06-08 15:30:21 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： echarts map

本文链接：https://blog.youkuaiyun.com/guoxunkun/article/details/119344281

全国json数据获取地址：

https://github.com/lyhmyd1211/GeoMapData_CN

单独区域json数据获取地址：

http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4

利用echarts通过获取的json文件绘制所需地图

代码示例：

renderMap (map, data) {
        let chart = $echarts.init(document.getElementById('mainTwo'));
        this.option.dataRange = {
          x: '10%',
          y: '8%',
          splitList: this.arr,
          show:this.areaStatMax>0?true:false,
          color: ['#E0022B', '#E09107', '#A3E00B'],
          textStyle: {
          color:'#fff',
            fontSize: 11
          }
        }
        this.option.series = [
          {
            name: map,
            type: 'map',
            mapType: map,
            roam: false,