<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>地图</title>
<script src="js/jquery.min.js"></script>
<script src="js/echarts.js"></script>
</head>
<body>
<div id="china_map" style="width:800px;height:800px;">hello</div>
<script type="text/javascript">
$.get('js/nmg.json',function(data){//这里是json转js,如果是js文件就不需要这一步
echarts.registerMap('nmg',data);//设置地图
var myChart = echarts.init(document.getElementById('china_map'));//初始化
myChart.setOption({
title: {
text: '内蒙古地图'
},
series: [{
type: 'map',//类型必须是map
map: 'nmg'//注意这里的值需要和echarts.registerMap('henan',data);一致
}]
});
myChart.on('click', function(params){
alert(1);
console.log(params);//此处写点击事件内容
});//点击事件,此事件还可以用到柱状图等其他地图
});
</script>
</body>
</html>
直接考过去就可以用了