我有一个谷歌地图,我不断用标记更新。如果标记重叠(完全相同的位置),我有一个计数器可以添加到标记内的数字。问题是每次我添加一个新标记时,它并不总是把它放在另一个标记的顶部。因此,例如,标记中有数字 10。一个新的标记出现 11,在动画之后它隐藏在 10 后面。有时在几个标记之后,顶部标记将是正确的数字,例如 21 而不是 10。
那么有没有办法在添加新标记之前按纬度/经度删除标记?这是我所拥有的:
for (var i=0; i<response.trans.length; i++) {
//add to location
location[response.trans[i].location_id] += 1;
latLng = new google.maps.LatLng(response.trans[i].latitude, response.trans[i].longitude);
marker = new google.maps.Marker({
map:map,
position: latLng,
icon: 'http://chart.apis.google.com/chart?chst=d_map_spin&chld=1|0|FF0000|12|_|'+client[response.trans[i].location_id],
animation: google.maps.Animation.DROP
});
markers.push(marker);
}
谢谢雷蒙德!你把我推向了正确的方向
这是对我有用的代码:
for (var i=0; i<response.trans.length; i++) {
//add to total count
totalCount += 1;
//add to location
location[response.trans[i].location_id] += 1;
markerChanged = false;
for(x=0; x < markers.length; x++){
if(markers[x].getPosition().lat().toFixed(6) == response.trans[i].latitude.toFixed(6) && markers[x].getPosition().lng().toFixed(6) == response.trans[i].longitude.toFixed(6)){
markers[x].setIcon('http://chart.apis.google.com/chart?chst=d_map_spin&chld=1|0|FF0000|12|_|'+location[response.trans[i].location_id]);
markers[x].setAnimation(google.maps.Animation.DROP);
markerChanged = true;
}
}
if(markerChanged === false){
latLng = new google.maps.LatLng(response.trans[i].latitude, response.trans[i].longitude);
marker = new google.maps.Marker({
map:map,
position: latLng,
icon: 'http://chart.apis.google.com/chart?chst=d_map_spin&chld=1|0|FF0000|12|_|'+location[response.trans[i].location_id],
animation: google.maps.Animation.DROP
});
markers.push(marker);
}
}
所以我添加了内部 for 循环,它检查当前标记。我不得不使用 toFixed(6) 将其更改为字符串。浮点精度正在抛弃准确性。因此,如果标记相同,它将更改图标。如果它是一个新标记,它会将其添加到地图中。我添加了 DROP 动画,因为我仍然希望它明显更新。
谢谢!