參考地址：http://www.echartsjs.com/option.html#geo.map

ECharts 中提供了兩種格式的地圖數據，一種是可以直接 script 標簽引入的 js 文件，引入后會自動注冊地圖名字和數據。還有一種是 JSON 文件，需要通過 AJAX 異步加載后手動注冊。

下面是兩種類型的使用示例：

JavaScript 引入示例：

<script src="echarts.js"></script> <script src="map/js/china.js"></script> <script> var chart = echarts.init(document.getElementById('main')); chart.setOption({series: [{type: 'map',map: 'china'}] }); </script>

JSON 引入示例：

$.get('map/json/china.json', function (chinaJson) {echarts.registerMap('china', chinaJson);var chart = echarts.init(document.getElementById('main'));chart.setOption({series: [{type: 'map',map: 'china'}]}); });

ECharts 使用?geoJSON?格式的數據作為地圖的輪廓。

另外，其實是有第三種方式的，Echarts還可以加載百度地圖，參考示例：http://gallery.echartsjs.com/editor.html?c=effectScatter-bmap

http://www.echartsjs.com/faq.html#baidu-map

總結

以上是生活随笔為你收集整理的Echarts加载地图的三种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。