Google Maps标记循环加载异常：动态坐标取值失效

AI 小北

2026-5-14

解决Google Maps标记动态坐标无效的问题

我一眼就发现了问题所在——这是Google Maps开发里非常常见的小坑！

核心原因：参数顺序搞反了

google.maps.LatLng()构造函数的正确参数顺序是纬度（lat）在前，经度（lng）在后，但你当前代码里写的是：

new google.maps.LatLng(key.lng, key.lat)

这相当于把经度当成纬度传、纬度当成经度传了，坐标直接错位，标记自然跑到了地图可视范围外的区域，看起来就像"无法正常工作"。而你硬编码测试的(19.083882,48.751877)刚好是正确的lat,lng顺序，所以能正常显示。

修正后的代码

只需要调换参数顺序就行：

//仅为示例数据，后续将替换为真实JSON文件并正确加载
var jsonObj = [ { "lng": 18.773801, "lat": 49.226598, "cty": "LO" },{ "lng": 19.083882, "lat": 48.751877, "cty": "LO" }];
var string = JSON.stringify(jsonObj);
var loadedData = JSON.parse(string);
var stationsList = [];
loadedData.forEach(function(key, index){
    stationsList = stationsList.concat({position: new google.maps.LatLng(key.lat, key.lng), type: 'station'});
});