首先去echarts官網定製你需要的模塊。
http://echarts.baidu.com/builder.html
下載
下載完成會生成一個echarts.min.js
再去echarts官網上下載相應的地圖js，json
http://echarts.baidu.com/download-map.html
將對應得JS/JSON文件下載下來會生成china.js/china.json
最後在項目中引入
html代碼如下：
完成 效果：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
#main{
width: 500px;
height: 500px;
border:1px solid #000;
}
</style>
</head>
<body>
<div id="main"></div>
<script src="echarts.min.js"></script>
<script src="map/js/china.js"></script>
<script>
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
});
$.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'
}]
});
});
</script>
</body>
</html>