javascript - 从数组中删除标记后更新标记簇

Question

我目前正在使用带有jquery ui map 的markercluster 插件。

我有两个数组，其中一个是所有标记(称为标记)，另一个是匹配搜索条件的标记(称为 current_markers)。这些是从第一个数组中拟合的。

然后我在屏幕上绘制 current_markers。

但是我发现markerclusterer库没有根据此更改进行更新。

那么我该如何更新markerclusterer呢？

是否可以将markerclusterer分配给变量并调用更新函数？

Answer 1

是的，你可以。

创建 map

假设您已经创建了如下所示的 MarkerClusterer 对象:

var center = new google.maps.LatLng(10, 20);
var map = new google.maps.Map(document.getElementById('map'), { zoom: 6, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP });
var markerClusterer = new MarkerClusterer(map);

添加标记

您可以向其添加多个标记，如下所示:

var markers = []
var marker = new google.maps.Marker({position: center});
markers.push(marker);
markerClusterer.addMarkers(markers);

请注意，这里我只添加了一个。

删除所有标记

然后您可以使用clearMarkers 清除所有标记，如下所示:

markerClusterer.clearMarkers();
markers = [];

请注意，为了整洁，我还在这里取消了标记数组的设置。

文档

此处提供了有关所有可用方法的完整文档:

https://googlemaps.github.io/js-marker-clusterer/docs/reference.html

更新链接:https://googlemaps.github.io/js-markerclustererplus/classes/markerclusterer.html#clearmarkers

这是一个合理且相对完整的 API。