Leaflet trigger popup on feature

Question

I have a geojson layer in leaflet and I would like to trigger a popup on a specific feature. When declaring the geoJson layer I already have an onEachFeature property which will trigger the popup on click. This works great.

onEachFeature: function (feature, layer) {
    layer.bindPopup('<div><h1>' + feature.properties.name + '</h1></div><div>' + feature.properties.description + '</div>');
  }

I would like to trigger this popup programmatically though, say on an event. How would I go about that?

Thanks!

Alexandr Lazarev Alexandr Lazarev · Accepted Answer · 2016-04-06T21:39:51

You have to select the needed layer and call .openPoup() method. For example:

var geoJson = L.geoJson(geoJsonData, {
  onEachFeature: onEachFeature
}).addTo(map);
geoJson.getLayer(layerId).openPopup()

I've made a fiddle for you: http://jsfiddle.net/wz3Lj7v4/15/ . The main issue is how you get the layer that you need. You can look towards .getLayer(), .getLayers() and .eachLayer() methods.

Leaflet trigger popup on feature

1 Answers