Как добавить всплывающее окно или привязать всплывающее окно к точке / маркеру в Leaflet FlowMap, не нарушая отображение потока?

Question

Я использую следующий плагин листовки:

https://github.com/jwasilgeo/Leaflet.Canvas-Flowmap-Layer

У меня возникают проблемы с добавлением всплывающего окна на карту, когда пользователь нажимает на точку.

              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.')

.openPopup ();

Отображается всплывающее окно, но я не могу отобразить фактические строки потоковой карты.В любом случае можно разрешить всплывающее окно и разрешить отображение строк под ним?

Answer 1

Вы можете использовать тот факт, что CanvasFlowmapLayer расширяет L.GeoJSON

Вам просто нужно перегрузить метод создания маркера и добавить туда всплывающее окно ...

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

Проверить этоздесь: https://yafred.github.io/Leaflet.Canvas-Flowmap-Layer/docs/main/