我得到了以下代码
var Iconcm = L.icon({
iconUrl: 'customicon.png',
iconSize: [25, 25],
iconAnchor: [22, 94],
popupAnchor: [-10, -95]
});
$.ajax({
dataType: "json",
url: "pc.geojson",
success: function(data) {
L.geoJson(data, {
onEachFeature: onEachFeature
}).addTo(map);
}
}).error(function() {});
function onEachFeature(feature, layer) {
var lines = ('Field1: ' + feature.properties.f1 + '<br>' + 'Field2: ' + feature.properties.f2)
layer.bindPopup(lines);
};
我希望能够使用 Iconcm
而不是默认的蓝色标记。我已经尝试了在互联网上找到的几乎所有方法都无济于事。我对 javascript 很陌生,对 AJAX 更陌生。上面的代码是我的 geojson 文件实际工作的唯一方式,所以我更愿意保持这种方式。此外,将来我希望能够根据一个字段中的功能属性拥有不同的图标。例如,如果 feature.properties.f3
是 Type1
是customicon1
, Type2
是 customicon2
, 等等。也有办法做到这一点吗?谢谢!
最佳答案
有一个方法setIcon你可以使用。
您想测试仅在该图层实际上是 L.Marker 时才调用它
function onEachFeature(feature, layer) {
if (layer instanceof L.Marker) {
layer.setIcon(Iconcm)
}
// ...
关于javascript - 将传单中的自定义图标添加到 geojson 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55977125/