javascript - 带有 Leaflet.Label 的 Leaflet Markerclusterer

标签 javascript jquery openstreetmap leaflet

问题:是否可以使用Leaflet.labelLeaflet.markercluster

问题:当光标悬停在群集图标上时,我试图显示一个 HTML div。

对于普通标记,您可以使用将标签附加到标记上

L.marker([-37.7772, 175.2606]).bindLabel('Look revealing label!').addTo(map);

最佳答案

http://jsfiddle.net/WUXXz/

var label = null;

markers.on('clustermouseover', function (a) {
    label = new L.Label().setLatLng(a.layer.getLatLng())
        .setContent('<p>Hello world!<br />This is a nice popup.</p>')
        .openOn(map);
});

markers.on('clustermouseout', function () {
   if (label) {
      label.close();
      label = null;
   }
});

关于javascript - 带有 Leaflet.Label 的 Leaflet Markerclusterer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14676562/

相关文章:

javascript - jQuery 函数用逗号和小数格式化数字

javascript - 我在一个 div 中有 2 个并排的元素,隐藏一个会使另一个扩展以填充它们所在的 div 的空间吗?

javascript - 在 vue.js 中使用 waypoint 时出现问题

javascript - 在鼠标悬停时显示文本而不是图标 - React material ui button

jquery点击水平滚动

javascript - 如何在 openlayers API 中定义缩放按钮?

javascript - D3 强制布局 : Straight line instead of curve for links (but only for some links)

javascript - 使用 jQuery 创建 slider 的问题

openstreetmap - 如何指定搜索的 admin_level?

android - Mapbox GL 使用外部 map