使用geoJson时,Leaflet交换坐标

Question

我有一个小叶应用程序,其中应用程序从服务器获取geoJson对象,并显示它,特别是LineString.我在服务器端使用的json解析器正常工作.客户端脚本也可以.

但是有些原因我想在路线上画箭头,而且在使用L.geoJson()时我无法弄清楚如何做到这一点 .

使用L.geoJson()的代码:

   getJsonFrom(routeQueryURL, params, function(data) {
     var a = L.geoJson(data, {
       onEachFeature: bindRouteDirection,
     }).addTo(map);
   });

因为我不想在服务器端改变任何东西,我试过这个:

getJsonFrom(routeQueryURL, param, function(data) {
    $.each(data, function(index, feature) {
      var polyline = new L.Polyline(feature.geometry.coordinates, {
        color: feature.properties.color,
        opacity: 0.8
      }).addTo(routeMapLayer);

      var decorator = L.polylineDecorator(polyline, {
        patterns: [{
          offset: 25,
          repeat: 50,
          symbol: L.Symbol.arrowHead({
            pixelSize: 15,
            pathOptions: {
              stroke: true,
              color: feature.properties.color,
              fillOpacity: 0.8,
              polygon: false,
              weight: 3
            }
          })
        }]
      }).addTo(routeMapLayer);

      map.addLayer(routeMapLayer);
    });
  });

所以我从geoJson对象和其他一些数据中访问坐标数组,并将折线直接绘制到地图上.问题是它将我的路线放到中东而不是匈牙利中间,所以它实际上是交换坐标.为什么L.Polyline处理不同形式的L.geoJson()？

Answer 1

使用L.GeoJSON.coordsToLatLng()和阅读为什么有时坐标是lat-lng,有时是lng-lat.