echarts地图绘制

概览

此篇文章为echart进行地图绘制，并有城市与城市之前的路径图，适用于物流方面，以下示例为大致的思路梳理，实际应用场景需要拓展更改

一. echarts配置完整代码示例

{
   
   
  "geo": {
   
   
      "map": "world",
      "roam": true,
      "zoom": 3.8,
      "center": [
          110,
          35
      ],
      "label": {
   
   
          "show": false,
          "emphasis": {
   
   
              "show": true,
              "textStyle": {
   
   
                  "color": "#333",
                  "textBorderColor": "#fff",
                  "textBorderWidth": 2
              }
          }
      },
      "itemStyle": {
   
   
          "normal": {
   
   
              "areaColor": "#F0F3FA",
              "borderColor": "#C8C1B3",
              "borderWidth": 1
          },
          "emphasis": {
   
   
              "areaColor": "#F0F3FA",
              "borderColor": "#B2A471",
              "borderWidth": 2
          }
      },
      "regions": []
  },
  "series": [
      {
   
   
          "name": "城市名称",
          "type": "effectScatter",
          "coordinateSystem": "geo",
          "zlevel": 2,
          "symbol": "circle"