如何与从小册子中的.kml文件中绘制的邮政编码叠加层交互

Question

我有一个.kml文件，其中包含我已加载到我的Leaflet webapp中的邮政编码多边形。我想做一些造型和与形状的互动。我用它来绘制它们的代码很简单：

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/