Echarts載入地圖的兩種方式
阿新 • • 發佈:2019-02-14
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