关于echarts生成地图的二三事

1.地图数据的获取

中国地图及各省市县地图可在地图选择器（数据来源于高德开放平台）

选择需要的区域，右方可下载其JSON API格式的数据。

2.地图的编辑

特定需求下需要对原有地图数据进行修改，如：添加某一非行政区划的地区，特定地区的分割或边缘优化，由于地图数据由横纵坐标组成的点形成，无法直接修改，推荐使用地图修改工具进行修改。 地图在线编辑工具

 2022-09-19 修改

原地址已无效，可使用替代站点DataV地图边界生成器

如图，将地图的JSON数据复制进右面编辑框，在左边可视化窗口进行编辑后，可获得编辑完后的地图数据。

3.地图的声明

想要在echarts中使用自定义的地图数据，需要先在echarts对象中对地图进行注册。

import echarts from 'echarts'
const geoJson = `...地图JSON数据...`
echarts.registerMap('地图名（如：jiangsu）', geoJson, {})

 4.地图的引用

在地图进行注册声明后，可直接在echarts配置中使用series-map进行地图的绘制

option = {
    ...
    series: [{
      type: 'map',
      mapType: 'jiangsu', //地图名
      ...
    }]
    ...
  }

以上便可以实现地图的简单绘制，更丰富的地图样式属性等设置请查询echarts文档

5.geo组件的使用

geo为地理坐标系组件，在一些场景需要使用，如地图上某特定坐标点的定位，地图飞线等，可以使用之前注册好的地图数据进行geo组件的声明

 option = {
    ...
    geo: {
      map: 'jiangsu',//地图名
      ...
    },
    ...
  }