在传单中将自定义图标添加到geojson文件

时间:2019-05-03 21:06:58

标签: javascript leaflet geojson

我得到了以下代码

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.f3Type1customicon1Type2customicon2,依此类推。有没有办法做到这一点?谢谢!

1 个答案:

答案 0 :(得分:2)

您可以使用一种方法setIcon

要测试,仅在图层实际上是L.Marker时才调用它

function onEachFeature(feature, layer) {
  if (layer instanceof L.Marker) {
    layer.setIcon(Iconcm)
  }
// ...