首页 > 解决方案 > GeoJSON 功能未在地图上显示

问题描述

我正在尝试将 JSON 格式化为 GeoJSON,并使用我创建的自定义图标显示在传单地图上。这可以使用 L.Marker (已被注释掉)但是在尝试将 geojson 功能添加到地图时没有任何显示。

busses.forEach(function(bus) {
    /*L.marker([bus.vehicle.position.latitude, bus.vehicle.position.longitude], {rotationAngle: bus.vehicle.position.bearing, icon: busIcon}).addTo(layerGroup)
    .bindPopup(FormatBusInformation(bus));*/

    var geojsonFeature = {
        "type": "Feature",
        "properties": {
            "id": bus.id,
            "route": bus.vehicle.trip.routeId,
            "popupContent": "Coming Soon"
        },
        "geometry": {
            "type": "Point",
            "coordinates": [bus.vehicle.position.latitude, bus.vehicle.position.longitude]
        }
    };

    L.geoJSON(geojsonFeature, {
        pointToLayer: (feature, latlng) => {
          return L.marker(latlng, { icon: busIcon });
        }
      }).addTo(map);

  });

标签: javascriptjsonleafletgeojson

解决方案


推荐阅读