如何使用echarts-extension-amap

使用 echarts-extension-amap 可以在 echarts 中使用高德地图来展示数据。具体使用方法如下：

1. 安装 echarts 和 echarts-extension-amap：

   npm install echarts echarts-extension-amap

2. 在 html 文件中引入 echarts 和 echarts-extension-amap 的 JavaScript 文件：

   <script src="path/to/echarts.js"></script>
   <script src="path/to/echarts-extension-amap.js"></script>

3. 在 JavaScript 文件中创建 echarts 实例，并在 options 中配置地图：

   var myChart = echarts.init(document.getElementById('myChart'));
   myChart.setOption({
       series: [{
           type: 'map',
           map: 'china',
           roam: true,
           zoom: 1.2,
           center: [104.114129, 37.550339],
           itemStyle: {
               normal: {
                   label: {
                       show: true,
                       textStyle: {
                           color: '#333'
                       }
                   }
               },
               emphasis: {
                   label: {
                       show: true
                   }
               }
           },
           data: [
               {name: '北京', value: 100},
               {name: '上海', value: 100},
               {name: '广州', value: 100},
               {name: '深圳', value: 100},
               {name: '杭州', value: 100}
           ]
       }],
       amap: {
           center: [104.114129, 37.550339],
           zoom: 4,
           mapStyle: 'amap://styles/d6bf8c1d69b5c2e5d5f5e5d5f5e5d5f5'
       }
   });

在 options 中设置 series 的 type 为 'map'，并设置地图名称（如 'china'）、漫游（roam）、缩放（zoom）、中心点（center）、地图样式（itemStyle）和数据（data）。在 options 中设置 amap 属性来配置高德地图，包括中心点（center）、缩放（zoom）和地图样式（mapStyle）。

4. 在浏览器中打开 html 文件，即可看到 echarts 中使用高德地图展示的数据。