如何在传单中投影像素坐标

How to project pixel coordinates in leaflet?

本文关键字：投影 像素 坐标 单中      更新时间：2023-09-26

我正在尝试根据 16384x16384 像素的图像创建地图，但我还想使用此给定图像的像素坐标在特定位置添加标记。

我

创建了一个图块图层、一个地图元素并设置了最大边界，以便我无法使用以下代码滚动出图像：

    var map = L.map('map', {
        maxZoom: 6,
        minZoom: 2,
        crs: L.CRS.Simple
    }).setView([0, 0], 2);
    var southWest = map.unproject([0,16384], map.getMaxZoom());
    var northEast = map.unproject([16384,0], map.getMaxZoom());
    map.setMaxBounds(new L.LatLngBounds(southWest, northEast));
    L.tileLayer('tiles/{z}/{x}/{y}.png', {
        tms: true
    }).addTo(map);

我想添加到地图中的点作为 GeoJSON 存储在外部文件中，它们看起来像这样 http://www.de-egge.de/maps/terranigma/terraPoints.js

我使用以下代码片段加载它们：

var terraPoints = new L.geoJson(points, {
        onEachFeature: function (feature, layer) {
            layer.bindPopup(
                "<b>Ort: </b>" + feature.properties["points[, 1]"] 
            );
        }
    });
    map.addLayer(terraPoints);

但是，当然，它们不会出现，因为参考系统不匹配。这些点使用像素坐标，但我的地图使用地理坐标。

有没有办法在加载点时"取消投影"点？

非常感谢任何帮助，提前感谢！

    var geoJsonTest = new L.geoJson(geojsonFeature, {
    coordsToLatLng: function (newcoords) {
        return (map.unproject([newcoords[1], newcoords[0]], map.getMaxZoom()));
    },
    pointToLayer: function (feature, coords) {      
        return L.circleMarker(coords, geojsonMarkerOptions);
    }
});

这就是你使用的方式，以防你还没有弄清楚。看到坐标反转，我在选项中更改了它们。非常适合我。

L.GeoJSON具有对映射坐标有用的coordsToLatLng()。

http://leafletjs.com/reference.html#geojson-coordstolatlng

相关文章：