1. 程式人生 > >Echarts載入地圖的兩種方式

Echarts載入地圖的兩種方式

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

 格式的資料作為地圖的輪廓。