Echart不顯示地圖的問題

使用百度Echart的時(shí)候遇到不會(huì)顯示地圖的問題，是現(xiàn)在Echart不直接提供地圖需要使用地圖的js庫或者百度地圖來加載地圖。

加載地圖庫

引入世界地圖js庫

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script> 

引入中國地圖js庫

<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script> 

配置參數(shù)

在引入地圖js庫以后配置參數(shù)，其中map參數(shù)為china的時(shí)候，為中國地圖，map參數(shù)為world的時(shí)候?yàn)槭澜绲貓D。

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

百度地圖

引入百度地圖需要去百度地圖申請(qǐng)AK http://lbsyun.baidu.com/apiconsole/key

image.png

引入百度地圖 ak請(qǐng)使用自己申請(qǐng)的

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9bdcc7078e2a7c8741e9e17af28a549"></script>

引入bmap控件

<script src="https://cdn.bootcss.com/echarts/3.7.1/extension/bmap.min.js"></script>

可以參考
http://blog.csdn.net/yc_1993/article/details/52431989
配置地圖。