리플릿의 .kml 파일에서 가져온 우편 번호 오버레이와 상호 작용하는 방법

Question

리플릿 웹 응용 프로그램에로드 한 우편 번호 폴리곤을 포함하는 .kml 파일이 있습니다. 나는 모양과 어떤 스타일과 상호 작용을하고 싶다. 내가 그들을 그릴 사용하고 코드는 간단하다 :

var mymap = L.map('mapid').setView([45.2271, -80.8431], 10); 
omnivore.kml('my-file.kml').addTo(mymap); 

나는 상호 작용을 할 jQuery를 또는 다른 라이브러리를 사용하고 싶습니다. 아마도 어떤 종류의 클래스 나 id를 셰이프에 붙여서 말입니다.

이 접근법이 주어진다면 이런 종류의 일이 가능한지 누구에게 알 수 있습니까?

Answer 1

Jquery 나 다른 라이브러리가 필요하지 않습니다. 그냥 사용자 정의 L.GeoJSON 층을 통과하고 당신은 스타일과의 상호 작용 등의 기능의 전부를 사용할 수 있습니다

omnivore.kml('data.kml', null, new L.GeoJSON(null,{ 
    style: function() { 
     return { 
      color: 'red' 
     } 
    }, 
    onEachFeature: function (feature, layer) { 
     layer.on('click', function() { 
      alert('Clicked!'); 
     }); 
    } 
})).addTo(map); 

참조 : http://leafletjs.com/reference-1.2.0.html#geojson

자습서 : http://leafletjs.com/examples/geojson/

을