如何在mapboxgl群集中显示弹出窗口和标记的详细信息?

时间:2017-07-06 05:34:35

标签: mapbox mapbox-gl-js mapbox-gl mapbox-marker

我尝试了以下链接example

我想在群集上添加弹出窗口,并将所有群集数据显示为HTML。我可以看到弹出窗口,但弹出内容未定义。

map.on('click', 'cluster', function (e) {
    let description = "";

    for(let i = 0; i < e.features.length; i++) {
      description = description + e.features[i].properties.description;
      if(i != e.features.length - 1) {
          description = description + "</br>";
      }
    }

    new mapboxgl.Popup()
      .setLngLat(e.features[0].geometry.coordinates)
      .setHTML(description )
      .addTo(map);

  });

1 个答案:

答案 0 :(得分:0)

解决方案在这里找到: https://stackoverflow.com/a/47715517

var my_marker = L.marker([my_lat, my_lng], {icon: my_icon})
              .addTo(map)
              .bindPopup('My Popup HTML', {closeOnClick: false, autoClose: false})**