将Leaflet标记添加到Leaflet中的geojson数据

时间:2015-05-28 08:15:12

标签: javascript dictionary leaflet

是否有可能将预定义的标记样式应用于geojson数据。我有财产' type'在我的geojson文件中定义,我尝试根据类型设置标记。

我定义了以下传单标记:

   var chargerBlue = L.icon({
      iconUrl: iconURL + 'marker_blue.png',
      iconRetinaUrl: iconURL + 'marker_blue@2x.png',
      iconSize: [39, 52],
      iconAnchor: [19, 50],
      popupAnchor: [-3, -76],
      shadowUrl: iconURL + 'marker_shadow.png',
      shadowRetinaUrl: iconURL + 'marker_shadow@2x.png',
      shadowSize: [63, 69],
      shadowAnchor: [22, 69]
   });

我正在加载我的geojson文件:

   $.getJSON("elmo.geojson",function(data){
      L.geoJson(data).addTo(map);
   });

我的geojson结构看起来如下:

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "geometry": {
        "type": "Point",
        "coordinates": [
          24.829726,
          59.505779,
          0
        ]
      },
      "properties": {
        "address": "Street",
        "type": "evCharger",
        "id": 37007,
        "status": "available",
        "name": "Charger name"
      }
    }
  ]
}

1 个答案:

答案 0 :(得分:1)

是的,使用pointToLayer的{​​{1}}选项设置您需要的任何类型的预定义标记类型。

L.GeoJSON

本教程可能会对您有所了解 - http://leafletjs.com/examples/geojson.html