전단지 점에 클릭 기능 추가

Question

다음 코드를 사용하여 전단지를 사용하여 json 점을지도에 추가하십시오.

var geojsonLayer = new L.GeoJSON(data, { 
    pointToLayer: function (latlng){ 
     return new L.CircleMarker(latlng, { 
      radius: 8, 
       fillColor: "#fecb00", 
       color: "#fecb00", 
       weight: 1, 
       opacity: 1, 
       fillOpacity: 0.9, 
      }); 

     } 

}); 

나는 지점을 클릭하면 geojson 파일에서 더 많은 정보를 가진 팝업을 제공하도록 기능을 추가 할 수 있습니다. 이것이 어떻게 완성 되었습니까? GeoJson는 "myProperty"라는 속성, 당신의 코드 후이 명령을 배치 팝업 내부에 그 정보를 표시 포함되어 있다고 가정

Answer 1

:

geojsonLayer.on("featureparse", function (e) { 
    e.layer.bindPopup("<p>Prop value: " + e.properties.myProperty + "</p>"); 
}); 

은 "featureparse"이벤트가 내부의 각 항목에 대한 호출을하여 GeoJson 컬렉션. 일반적으로 데이터 및/또는 팝업 바인딩의보다 구체적인 스타일에 사용됩니다.