由于无法使用bmap,只能使用geoJson地图
现在需要鼠标在地图上的区域点击,然后在点击的位置添加一个散点.
目前不知道该如何获取点击的屏幕坐标对应的经纬度.
myChart.map.getGeoByPos方法在echart3已经没有了...
另外地图还可以进行缩放和拖动位置
请问该如何做?
配置项如下
var uploadedDataURL = "/asset/get/s/data-1517645039291-B1vgpymUz.json";
$.getJSON(uploadedDataURL, function(geoJson) {
echarts.registerMap('zhongguo', geoJson);
myChart.hideLoading();
option = {
title: {
text: '在地图上点击添加散点',
x: 'center',
textStyle: {
color: '#ccc'
}
},
// toolbox: {
// show: true,
// orient: 'vertical',
// left: 'right',
// top: 'center',
// feature: {
// dataView: {readOnly: false},
// restore: {},
// saveAsImage: {}
// }
// },
geo: {
show: true,
map: 'zhongguo',
label: {
normal: {
show: false
},
emphasis: {
show: false,
}
},
roam: true
},
series: [
{
name: '点',
type: 'scatter',
coordinateSystem: 'geo',
symbol: 'pin',
symbolSize: function(val) {
var a = (maxSize4Pin - minSize4Pin) / (max - min);
var b = minSize4Pin - a * min;
b = maxSize4Pin - a * max;
return a * val[2] + b;
},
label: {
normal: {
show: true
}
},
zlevel: 6,
data: [],
}
]
};
myChart.setOption(option);
myChart.on("click", function(event)
{
//这里根据点击的位置,咋相应位置添加一个散点,请问如何知道点击的位置的经纬度?
});
});