首先去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>