N-Ting opened a new issue, #16884:
URL: https://github.com/apache/echarts/issues/16884
### Version
5.0.0
### Link to Minimal Reproduction
_No response_
### Steps to Reproduce
我画了个增城区的地图，然后我想在上面标记了markPoint,点，发现经纬度位置与实际的位置不符合
### Current Behavior
// 百度坐标转高德（传入经度、纬度）
function bd_decrypt(bd_lng, bd_lat) {
var X_PI = Math.PI * 3000.0 / 180.0;
var x = bd_lng - 0.0065;
var y = bd_lat - 0.006;
var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * X_PI);
var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * X_PI);
var gg_lng = z * Math.cos(theta);
var gg_lat = z * Math.sin(theta);
return [ gg_lng,gg_lat]
}
// 点击区域的地图
function areaMap(json,data) {
var jsonb = JSON.stringify(data);
var arr = JSON.parse(jsonb.replace(/streetName/g,"name"));
var arr1 =JSON.stringify(arr);
arr = JSON.parse(arr1.replace(/craneTotal/g,"value"));
arr.forEach(item=>{
item.coord = bd_decrypt(item.coord[0],item.coord[1])
})
console.log(arr)
var optionData = {
geo:{
map:'area',
roam: true,
// zoom: 1.2,
label: {
emphasis: {
show: false, // 开启悬浮事件
// color: "#fff",
},
},
itemStyle: {
color: '#ddb926',
normal: {
borderWidth: 1,//边际线大小
borderColor:'#37A5D5',//边界线颜色
areaColor:'#04097D',//默认区域颜色
},
emphasis: {
show: false,
areaColor: '#04097D',//鼠标滑过区域颜色
}
},
},
series: [{
name:"data",
// type: "effectScatter",
coordinateSystem: "geo",
type: "custom",
markPoint: {
formatter:function(params){
return '<img src="'
+params.data.symbol.replace('image://','')
+'"/>'
},
// 文字位置
label:{
show: true,
width:195,
// 显示name和value
formatter: '{b} {c}',
overflow:'break',
ellipsis:'...',
// label的位置
position: [10,15],
color:'#fff',
fontSize:16
},
// 柱状图上方的图片显示
//
coord:[0,10],一个参数是我们想要添加icon柱形图的index,第二个是柱形图的value,即我们显示在柱形图上的数据
// symbol:是我们添加icon的路径，格式是image://+图片路径
data: arr,
// symbolOffset：使我们icon在柱状图上的位置，分别代表x,y轴的偏移量
symbolSize:[160,110],
// symbolOffset: [100,0]
},
lineStyle: {
normal: {
color: "#fff",
width: 0,
opacity: 0.6,
curveness: 0.2,
},
},
itemStyle: {
normal: {
color: '#44e5e0',
shadowBlur: 10,
shadowColor: "#333",
},
},
},
]
};
$.get(json,function (sr) {
// debugger
// var srJson = []
// sr.features[0].geometry.coordinates[0][0].forEach(item=>{
// var Json = qqMapTransBMap(item[0],item[1])
// srJson.push(Json)
// })
// debugger
// sr.features[0].geometry.coordinates[0][0] = srJson
echarts.registerMap('area', sr);
// $('#gz').html('<div id="chart1" style="width: 100%;height:
100%;"></div>')
var chart = echarts.init(document.getElementById('gz'))
var option = optionData;
console.log(echarts.version);
chart.setOption(option,true);
callback1 = (params) => evenFn(params,optionData, chart)
chart.off('click');
chart.on('click', callback1);
// 点击画布空白区域时返回广州地图
// chart.getZr().off('click')
chart.getZr().on('click', function (params) {
// 点击空白回到全市时，左上角的下拉也显示全市
$('.title .right-header').text('全市');
$('.areaClass li').each(function (i, item){
if (i===0){
$(this).addClass('select-this').siblings('li').removeClass('select-this');
areaType = $(this).attr('data-method')
}
});
if (params.target) {
return false
}else{
gzMap(positionArray,'js/app/json/gz.json',equipmentType)
}
});
window.addEventListener("resize", function () {
// 让我们的图表调用 resize这个方法
chart.resize();
});
})
}
### Expected Behavior
markPoint经纬度与实际地图符合
### Environment
```markdown
- OS:
- Browser:
- Framework:
```
### Any additional comments?
_No response_
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
