echarts 结合高德实现地图下钻效果

数据可视化大屏项目要求渲染中国地图，并且点击地图后可以下钻到对应的省市地图，这里我们通过高德地图查询地图数据，通过echarts渲染地图效果实例.

引入高德地图api

<script src="https://webapi.amap.com/maps?v=1.3&key=your key&plugin=AMap.DistrictSearch"></script>
    <script src="https://webapi.amap.com/ui/1.0/main.js"></script>

渲染步骤

1.使用 ECharts 的地图组件，将地图的 JSON 数据转换成 ECharts 可以识别的格式，加载到页面上。
2.为地图添加点击事件，在点击某个区域时触发，获取该区域的 ID 或其他需要展示的信息。
3.根据获取到的信息，动态生成需要展示的图表或数据，并将其添加到页面上。
4.可以使用 ECharts 的“返回”按钮，实现从下钻页面返回到上一级页面的功能。
5.需要注意的是，ECharts 的地图组件和高德地图 API 使用的坐标系不一样，需要进行坐标系的转换。