Function displayFeaturesPopup

src/mapml/handlers/QueryHandler.js:434–474

(features, loc)

    });

    function displayFeaturesPopup(features, loc) {
      if (features.length === 0) return;
      let f = new MapFeatureLayer(features, {
        // pass the vector layer a renderer of its own, otherwise leaflet
        // puts everything into the overlayPane
        renderer: featureRenderer(),
        // pass the vector layer the container for the parent into which
        // it will append its own container for rendering into
        pane: container,
        //color: 'yellow',
        // instead of unprojecting and then projecting and scaling,
        // a much smarter approach would be to scale at the current
        // zoom
        projection: map.options.projection,
        _leafletLayer: layer,
        query: true,
        mapEl: map.options.mapEl
      });

      f.addTo(layer);

      let div = DomUtil.create('div', 'mapml-popup-content'),
        c = DomUtil.create('iframe');
      c.style = 'border: none';
      c.srcdoc = features[0].querySelector(
        'map-feature map-properties'
      ).innerHTML;
      c.setAttribute('sandbox', 'allow-same-origin allow-forms');
      div.appendChild(c);
      // passing a latlng to the popup is necessary for when there is no
      // geometry / null geometry
      layer._totalFeatureCount = features.length;
      layer.bindPopup(div, popupOptions).openPopup(loc);
      layer.on('popupclose', function () {
        layer.removeLayer(f);
      });
      f.showPaginationFeature({
        i: 0,
        popup: layer._popup
      });
    }
  }
});