只有在地图上蓝色线围成的区域内才能鼠标滚动缩放,在地图上的其它区域不能缩放(地图json是echarts重庆市地图内含有的九龙坡区地图)
配置项如下
// 重庆市九龙坡区地图
var uploadedDataURL = "/asset/get/s/data-1515123387542-Sk46Gd3QM.json";
$.getJSON(uploadedDataURL, function(geoJson) {
echarts.registerMap('jiulongpuo', geoJson);
option = {
geo: {
map: 'jiulongpuo',
// 只有在初始化地图的蓝色线围成的区域内才能鼠标滚动缩放,在地图上的其它区域不能缩放
// center: [106.480989,29.523492],
// zoom: 0.01,
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
silent: false,
roam: true,
scaleLimit: {
min: 0.000001,
max: 100
},
itemStyle: {
normal: {
areaColor: 'rgba(3, 18, 72, 0.5)',
borderColor: '#3b68c9'
},
emphasis: {
areaColor: '#f4bc2b',
borderColor: '#f4bc2b'
}
}
}
};
myChart.setOption(option);
})