リーフレットの.kmlファイルから作成した郵便番号オーバーレイとのやりとり方法

Question

リーフレットWebアプリケーションにロードした郵便番号のポリゴンを含む.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/