javascript - 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);
});
解决方案
推荐阅读
- python - 是否有一种紧凑的方法可以在 python 类中声明几个类似的属性?
- google-maps - Google Maps API 关闭信息窗口(自动)
- sql-server - 基于另一列的 SQL 动态数据透视
- regex - Trying to replace a point and spaces inside a sentence using regex
- django - Trying to extend to base file in Django
- javascript - 搜索区域设置、客户端、嵌入式基于 javascript 的数据库
- c - 如何使用 printf 在值之间插入字符?
- html - 移动浏览器未使用正确的响应图像
- reactjs - React js渲染链接与照片并点击后挂载另一个组件
- javascript - 为什么悬停时我的下拉菜单不显示?