使用geoJson时传单交换坐标答案

【问题标题】：Leaflet swap the coordinates when use geoJson使用geoJson时传单交换坐标
【发布时间】：2020-04-28 09:18:07
【问题描述】：

我有一个小 Leaflet 应用程序，该应用程序从服务器获取 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()？

【问题讨论】：

标签： javascript leaflet