echarts生成json地图最简单代码
生活随笔
收集整理的這篇文章主要介紹了
echarts生成json地图最简单代码
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
?只需要替換到相對應的json文件即可。
全國各省市地json文件：https://download.csdn.net/download/weixin_38959210/10543965
全世界各國家地區(qū)json文件：https://download.csdn.net/download/weixin_38959210/18829898
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>ECharts</title><script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script><script src="https://cdn.jsdelivr.net/npm/echarts@%5E4.4.0/dist/echarts.min.js"></script></head><body><!-- 為ECharts準備一個具備大小（寬高）的Dom --><div id="main" style="width: 600px;height:500px;"></div></body><script type="text/javascript">$.get('json/AFG.json', function(gansuJson) {echarts.registerMap('afuhan', gansuJson);var chart = echarts.init(document.getElementById('main'));option = {tooltip: {trigger: 'item',formatter: '{b}'},series: [{type: 'map',map: 'afuhan',}],};chart.setOption(option);});</script> </html>?
總結(jié)
以上是生活随笔為你收集整理的echarts生成json地图最简单代码的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 腾讯地图怎么添加店铺位置(腾讯视频VIP
- 下一篇： 墨墨背单词怎么同步手机和平板