【前端】-Echarts地图模块只显示省级地图

 

1.首先需要打开大力数据可视化平台

http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.316551722910077&lng=106.68898666525287&zoom=3.5

下载JSON数据 并引入到代码中 

例如:将引入rizhaoJson

创建rizhaoJSON 文件

// 初始化JSON变量

var rizhaoJson = {} // 这里填写json文件数据
echarts.registerMap('rizhao', rizhaoJson);

// 初始化echarts
var mapChart = echarts.init(document.getElementById('mapChart'));
option = {
tooltip: {
trigger: 'item',
},
title: {
text: 'xxxxxx(日照市)',
x: "center",
},
geo: {
map: 'rizhao',
label: {
},
roam: true,
itemStyle: {

}
},
series: [{
type: 'effectScatter',
coordinateSystem: 'geo',
rippleEffect: {
brushType: 'stroke'
},
symbolSize: function (val,params) {
return 8;
},
data: "",
}]
};

//设置配置信息给echarts
mapChart.setOption(option);