1 .最近老大让我搞个地图,要和其他的联动,,起来,
2 .首先要下载各省市的json ,现在echarts官网上不提供第三方的json地图。
3 . 先把效果图看一下,不是很好,凑合着看吧。
单击进去省级市级,双击返回。
下面是完整的代码。
//地图
function mapcharts(province,limit){
//全国
//alert("11")
$.ajax({
type : "post",
url : "../../assert/getAssetsCount.html",
dataType : 'json',
data:{
'params["province"]':province,
},
success : function(data) {
$(".zcbq-shu").html(data.data)
if(province!='全国'){
$(".zl-title").html(province)
var name = province; //地区name
var mapCode = provinces[name]; //地区的json数据
if (!mapCode) {
alert('无此区域地图显示');
return;
}
var name = province;
loadMap(mapCode, name);
}
}
})
var myChart = echarts.init(document.getElementById('mapcharts'));
//各省份的地图json文件
var provinces = {
'上海': '../../resource/js/map/data-1482909900836-H1BC_1WHg.json',
'河北': '../../resource/js/map/data-1482909799572-Hkgu_yWSg.json',
'山西': '../../resource/js/map/data-1482909909703-SyCA_JbSg.json',
'内蒙古': '../../resource/js/map/data-1482909841923-rkqqdyZSe.json',
'辽宁': '../../resource/js/map/data-1482909836074-rJV9O1-Hg.json',
'吉林': '../../resource/js/map/data-1482909832739-rJ-cdy-Hx.json',
'黑龙江': '../../resource/js/map/data-1482909803892-Hy4__J-Sx.json',
'江苏': '../../resource/js/map/data-1482909823260-HkDtOJZBx.json',
'浙江': '../../resource/js/map/data-1482909960637-rkZMYkZBx.json',
'安徽': '../../resource/js/map/data-1482909768458-HJlU_yWBe.json',
'福建': '../../resource/js/map/data-1478782908884-B1H6yezWe.json',
'江西': '../../resource/js/map/data-1482909827542-r12YOJWHe.json',
'山东': '../../resource/js/map/data-1482909892121-BJ3auk-Se.json',
'河南': '../../resource/js/map/data-1482909807135-SJPudkWre.json',
'湖北': '../../resource/js/map/data-1482909813213-Hy6u_kbrl.json',
'湖南': '../../resource/js/map/data-1482909818685-H17FOkZSl.json',
'广东': '../../resource/js/map/data-1482909784051-BJgwuy-Sl.json',
'广西': '../../resource/js/map/data-1482909787648-SyEPuJbSg.json',
'海南': '../../resource/js/map/data-1482909796480-H12P_J-Bg.json',
'四川': '../../resource/js/map/data-1482909931094-H17eKk-rg.json',
'贵州': '../../resource/js/map/data-1482909791334-Bkwvd1bBe.json',
'云南': '../../resource/js/map/data-1482909957601-HkA-FyWSx.json',
'西藏': '../../resource/js/map/data-1482927407942-SkOV6Qbrl.json',
'陕西': '../../resource/js/map/data-148290991