分为两种
一种是使用echarts里面的china.json渲染城市
一种是在data的 services写数据
中国地图
下面是世界地图
![](https://i-blog.csdnimg.cn/blog_migrate/4d106c6ed9c471a8af1d3d63fb570ee1.png)
效果图
![](https://i-blog.csdnimg.cn/blog_migrate/b7016bb784d1e403ae0b4e73aa656f2b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/532d25b245aa38cc0c22d452fdc1ad65.png)
option里面配置了弹窗,设置了弹窗的样式
![](https://i-blog.csdnimg.cn/blog_migrate/f7d41bd681d038db3af23a505cbba89f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/ca7e0294fb47be8f242483e1c00a0a37.png)
配置registermap时候跟option的geo一起的
我用的services里面设置数据 所以注销了
![](https://i-blog.csdnimg.cn/blog_migrate/550057996472818616020a68b249653f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d3b65e5a2072d4b73b8b062fd62141d2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/04076ecb5d2db609870aebc43e2807b0.png)
![](https://i-blog.csdnimg.cn/blog_migrate/eb371c664913b36f6b6b64c5496f67bd.png)
这边可以自定义城市的颜色
![](https://i-blog.csdnimg.cn/blog_migrate/c93beb95b6fbaaf87124a61d01b03849.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f2018f2b41ea4f06fabc2a4bd7be4fe8.png)
分为两种
一种是使用echarts里面的china.json渲染城市
一种是在data的 services写数据
中国地图
下面是世界地图
效果图
option里面配置了弹窗,设置了弹窗的样式
配置registermap时候跟option的geo一起的
我用的services里面设置数据 所以注销了
这边可以自定义城市的颜色