javascript - 传单 GeoJSON 显示

Question

我遇到了一个任务，需要使用带有 geojson 的传单 js 库作为数据存储。几乎立即遇到以下问题:从 geojson 对象创建的多边形未显示在 map 上。而由 native 传单方法创建的多边形 - 完美运行。

这是我的代码:

        var map = new L.Map('map');
        var bingLayer = new L.BingLayer('AhVaalRWmmprMAMHj6lw18ALO-iVnIGzvkq7gYAX3U_bisCT8Q_lgGV25YOa0kiV', 'Aerial');
        map.setView(new L.LatLng(51.505, -0.09), 13).addLayer(bingLayer);
        var polygon = {
            "type": "Feature",
            "properties": {
                    "style": {
                        "color": "#004070",
                        "weight": 4,
                        "opacity": 1
                    }
            },
            "geometry": {
                "type": "Polygon",
                "coordinates": [[
                    [51.509, -0.08],
                    [51.503, -0.06],
                    [51.51, -0.047],
                    [51.509, -0.08]
                ]]
            }
        };
        var geojsonLayer = new L.GeoJSON(polygon);
        map.addLayer(geojsonLayer);

如您所见，它几乎复制了一个由传单提供的示例。并且不起作用。我完全被这个麻烦所困扰，并将非常感谢您的帮助。

Answer 1

问题是在 GeoJSON规范，坐标应以 [lon, lat] 的形式传递而传单使用 [lat, lon]为其对象。只需将其更改为 [-008, 51.509]等，你应该没问题。 :)