Leaflet: Fügen Sie Popup auf eine Ebene mit GeoJSON

Question

Ich habe eine Ebene, die mehrere circleMarker von einem GeoJSON haben.

var geojsonMarkerOptions = { 
    radius: 8, 
    fillColor: "#ff7800", 
    color: "#000", 
    weight: 1, 
    opacity: 1, 
    fillOpacity: 0.8 
}; 

L.geoJSON(someGeojsonFeature, { 
    pointToLayer: function (feature, latlng) { 
     return L.circleMarker(latlng, geojsonMarkerOptions); 
    } 
}).addTo(map); 

Wie kann ich auf ein Pop-up in den einzelnen circleMarker wo Benutzer auf jedem Kreis klicken können, um ein Popup zu bekommen?

Answer 1

dieses Probieren Sie:

var geojsonMarkerOptions = { 
    radius: 8, 
    fillColor: "#ff7800", 
    color: "#000", 
    weight: 1, 
    opacity: 1, 
    fillOpacity: 0.8 
}; 

L.geoJSON(someGeojsonFeature, { 
    pointToLayer: function (feature, latlng) { 
     var mypopup = L.popup().setContent("latlng: " + latlng); 
     var mymarker = L.circleMarker(latlng, geojsonMarkerOptions); 

     mymarker.bindPopup(mypopup); 
     return mymarker;    
    } 
}).addTo(map);