从Google地图中删除标记簇[不仅仅是标记]

时间:2019-06-21 06:36:20

标签: javascript google-maps cordova google-maps-markers markerclusterer

在我的phonegapp / cordova应用程序中,我使用了Google Maps工具,有时需要更改其上显示的点。 我找到了一些有用的代码here,可以从我使用的Google地图中删除标记。

我的问题我也使用标记簇,这里有一个奇怪的问题。

对于我的地图,我使用以下设置:

{
    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中获得了一个新的数据集,我必须删除地图,并用新的点再次填充它。

示例:假设我有这张地图:

enter image description here

然后,我过滤我的地图点,并在同一张地图中得到新旧点:

enter image description here

然后,就像魔术一样,如果我仅更改地图缩放比例,旧点就会消失!

enter image description here

注意:在我过滤数据集时,单个标记将被删除,而不会更改缩放比例。此问题仅适用于标记簇。如何删除它们?

1 个答案:

答案 0 :(得分:0)

刚刚找到了线索。 以这种方式编辑我的代码:

function SetMap (s) {
    if (mmm == null)
        mmm = s.originalMap;
    else {
        markerCluster.clearMarkers();
    }
    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' });
}

它有效,所有标记和群集都被删除!!!