参考地址:
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
版权声明:本文为wml00000原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。