2016-11-07 1 views
0

У меня есть слой, который имеет несколько circleMarker из GeoJSON.Листовка: добавление всплывающего окна на слой с использованием GeoJSON

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); 

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

+1

Вы можете использовать функцию .bindPopup(), описанной в листовке [документации] (http://leafletjs.com/examples/quick-start/). – Felix

+0

Как поместить .bindPopup() в нужное место? – Tenz

ответ

0

Дайте этому попытку:

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);