在传单上绘制GeoJSON

Draw GeoJSON on Leaflet

本文关键字：绘制 GeoJSON      更新时间：2023-09-26

由于我觉得传单网站上的示例不太有用，我尝试遵循它们的一般提示，以便在地图上绘制GeoJSON作为轨迹。问题是，对象被正确保存，但当我将其添加到地图时，它不会显示任何内容。我在这里错过了什么？我是新来的传单。非常感谢。

代码：

...
$.ajax('2016-05-04 13-13-36.gpx').done(function(response) {
    geo = toGeoJSON.gpx(response);
});
angular.element($elem[0]).append(angular.element('<div id="trackmap'+ trackmapCount +'" style="width: 100%; height: calc(100% - 25px); border: 1px solid #ccc"></div>'));
trackmaps[trackmapCount] = new L.Map('trackmap'+ trackmapCount +'', {center: new L.LatLng(center[0], center[1]), zoom: 10});
var layer1 = osm.addTo(trackmaps[trackmapCount]);
L.geoJson(geo, {
style: myStyle
}).addTo(trackmaps[trackmapCount]);

$.ajax是一个异步方法。这意味着geo在请求完成并调用.done回调函数之前不存在。您需要在回调中创建L.geoJson对象：

$.ajax('2016-05-04 13-13-36.gpx').done(function(response) {
  geo = toGeoJSON.gpx(response);
  L.geoJson(geo, {
    style: myStyle
  }).addTo(trackmaps[trackmapCount]);
});
相关文章：