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

ECharts 中提供了兩種格式的地圖數(shù)據(jù)，一種是可以直接 script 標(biāo)簽引入的 js 文件，引入后會(huì)自動(dòng)注冊(cè)地圖名字和數(shù)據(jù)。還有一種是 JSON 文件，需要通過 AJAX 異步加載后手動(dòng)注冊(cè)。

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

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?格式的數(shù)據(jù)作為地圖的輪廓。

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。