如何从markerclusterer中的clustericon中删除标签

Question

我正在使用markerclusterer.js在google地图api中制作群集。我的地图中有超过500个标记。所以我正在使用群集来正确显示它们。一切都像附图一样正常

我正在使用这个 - https://github.com/googlemaps/js-marker-clusterer

但我想要一点定制。我不想在图标上显示标记的数量。我想删除这些数字。 我试过了

nodelay(stdscr, TRUE);

在markerclusterer connstrutor中。但它没有正常工作。我没有显示数字，但为标签占用空间。我正在添加那个clusterIcon的infowindow onhover。所以我需要删除标签，而不是隐藏（becoz它仍然占用一些空间）。

我正在使用'mouseover'来打开一个infowindow并使用'mouseout'来关闭那个infowindow。现在，如果我将鼠标悬停在标签上，那么信息窗口就会闪烁

我需要帮助来解决这个问题。

Answer 1

您可以设置计算器功能 - 只需将群集标签设置为空字符串：

const markerCluster = new MarkerClusterer(map,  options);

markerCluster.setCalculator(function (markers, numStyles) {
    var index = 0;
    var count = markers.length;
    var dv = count;
    while (dv !== 0) {
        dv = parseInt(dv / 10, 10);
        index++;
    }

    index = Math.min(index, numStyles);
    return {
        text: "", // set to empty string
        index: index
    };
};

文档建议样式对象可以设置标签的文本大小。

  

＆＃39; styles＆＃39; :( object）具有样式属性的对象：*
  ＆＃39; url＆＃39; :(字符串）图片网址。 *＆＃39;身高＆＃39; :(数字）图像   高度。 *＆＃39; width＆＃39; :(数字）图像宽度。 *＆＃39;锚定＃：   （数组）标签文本的锚位置。 *＆＃39; textColor＆＃39;：   （字符串）文本颜色。 *＆＃39; textSize ＆＃39; :(数字）文字   尺寸。 *＆＃39; backgroundPosition＆＃39; :(字符串）的位置   背景x，y。 *＆＃39; iconAnchor＆＃39; :(数组）的锚位置   图标x，y。