在我的phonegapp/cordova应用程序中,我使用谷歌地图工具,有时我需要更改其上显示的点。
我发现了一些有用的代码here https://developers.google.com/maps/documentation/javascript/examples/marker-remove#try-it-yourself从我使用的谷歌地图中删除我的标记。
我的问题我也使用标记簇,但这里有一个奇怪的问题。
对于我的地图,我使用以下设置:
{
showControls: true,
key: { google: "XXXXXX" },
center: center,
width: "100%",
height: "95%",
zoom: zoom,
provider: "google",
mapType: "satellite",
autoAdjust: false,
onReady: SetMap
}
其中 SetMap 和其他被调用的函数是:
var mmm = null;
var markerCluster = null;
// Removes the markers from the map, but keeps them in the array.
function clearMarkers() {
setMapOnAll(null);
}
// Sets the map on all markers in the array.
function setMapOnAll(map) {
for (var i = 0; i < markerCluster.markers_.length; i++) {
markerCluster.markers_[i].setMap(map);
}
}
function SetMap (s) {
if (mmm == null)
mmm = s.originalMap;
else {
clearMarkers();
markerCluster.markers_ = [];
}
var map = mmm;
var markers = [];
for (var i = 0; i < pointsOnMapList.length; i++) {
var data = pointsOnMapList[i];
var latLng = new google.maps.LatLng(data.location[0], data.location[1]);
var marker = createMarker(latLng, data.title, map, data.idimp);
markers.push(marker);
}
markerCluster = new MarkerClusterer(map, markers, { imagePath: 'images/m' });
}
当我更新数据集时,我只需调用 SetMap 函数。
这个“几乎”的作品。我的目标是在用户过滤地图中的点后更改它们。我从我的 api 获取了一个新的数据集,我必须删除地图并用我的新点再次填充它。
示例:假设我有这张地图:
然后,我过滤地图点,并在同一地图中获得旧点和新点:
然后,就像魔术一样,如果我只是改变地图缩放,旧点就会消失!
注意:当我过滤数据集时,单个标记将被删除,而不更改缩放。此问题仅适用于标记簇。我怎样才能删除它们?