Leaflet 如何在不破坏'的情况下,将弹出窗口添加或绑定到传单流程图中的点/标记;流量';展示?

Leaflet 如何在不破坏'的情况下,将弹出窗口添加或绑定到传单流程图中的点/标记;流量';展示?,leaflet,Leaflet,我正在使用以下传单插件: 当用户单击某个点时,我在向地图添加弹出窗口时遇到问题 L.marker([pts[p].lat, pts[p].lng], { icon: new L.DivIcon({ html: '<div>Test</div>' }) }).addTo(map).bindPopup('

我正在使用以下传单插件:

当用户单击某个点时,我在向地图添加弹出窗口时遇到问题

              L.marker([pts[p].lat, pts[p].lng], {
                  icon: new L.DivIcon({
                      html: '<div>Test</div>'
                  })
              }).addTo(map).bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
L.marker([pts[p].lat,pts[p].lng]{
图标:新的L.DivIcon({
html:“测试”
})
}).addTo(map).bindpuppop('一个漂亮的CSS3弹出窗口。
易于自定义')
.openPopup()


弹出窗口显示,但我无法显示实际的流程图线条。是否允许弹出窗口并允许线条显示在其下方?

您可以使用CanvasFlowmapLayer扩展了L.GeoJSON这一事实

您只需要重载创建标记的方法,并在那里添加弹出窗口

    var oneToManyFlowmapLayer = L.canvasFlowmapLayer(geoJsonFeatureCollection, {
      pointToLayer: function(geoJsonPoint, latlng) {
        var marker = L.circleMarker(latlng);
         return marker.bindPopup('' + latlng)
      },
      // et caetera
在这里查看: