标记显示在错误的位置/无法在传单中设置中心点

Question

我使用 Leaflet markercluster 插件：https ://github.com/Leaflet/Leaflet.markercluster当我将标记的默认坐标更改为其他坐标时，标记会出现错误的位置。此问题的示例：https://jsfiddle.net/allu1/nbv17oqc/5/在“geoJsonData”标签下方，第一个标记坐标已更改，但标记完全位于错误的位置。而且我也无法设置地图的中心点。我已经尝试了所有这些，但没有任何效果：    var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {            maxZoom: 18,            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'        });var centermap = L.latLng(64.299791, 27.182384);        var map = L.map('map')        .setView(centermap, 5).addLayer(tiles);和var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {            maxZoom: 18,            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'        }),            latlng = L.latLng(64.299791, 27.182384);        var map = L.map('map', {center: latlng, zoom: 5.5,             fullscreenControl: true,             }).addLayer(tiles);和var tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {            maxZoom: 18,            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'        });        var map = L.map('map', {    center: L.latLng(64.299791, 27.182384),    zoom: 4}).addLayer(tiles);我使用过Leaflet全屏插件：https://github.com/Leaflet/Leaflet.fullscreen 并且全屏选项显示良好，但地图的中心点不起作用。最主要的是中心点可以工作。如果需要的话，我会提供更多信息。感谢您的回答！

Answer 1

看来您混淆了东向和北向。我不确定您希望积分最终在哪里，但 (N64, E27) 在芬兰，而 (N27, E64) 在巴基斯坦。

在 Leaflet 中，您可以指定一个坐标var latlng = L.latLng(latitude, longitude);

在 GeoJSON（参见RFC7946规范）中，情况正好相反。坐标以格式指定"coordinates": [longitude, latitude]。您可以从 JSFiddle 代码中的新西兰点看到它是这样的，因为 175° 不是有效的纬度。

我从你的 JSFiddle 中看不出为什么地图居中不起作用。map.fitBounds(markers.getBounds());但是，这可能是因为您在脚本末尾使用了。这将使地图居中于标记簇的中心，从而覆盖您最初设置为中心点的任何内容。由于您的测试坐标相距很远（一个在巴基斯坦，另一个在新西兰），JSFiddle 中的代码将中心点设置为婆罗洲附近的某个位置。