leaflet - 在 Leafletjs 上设置投影

标签 leaflet map-projections

我在家庭项目中使用 Leafletjs(这是看起来,现在
但是我找不到必须设置投影的方法,我为 OpenLayers 找到了它,如下所示:

// Openlayers settings 
    //var defaultMaxExtent = new OpenLayers.Bounds(427304, 6032920, 927142, 6485144); 
    var defaultMaxExtent = new OpenLayers.Bounds(427304, 6032920, 927142, 6485144);

    var defaultProjection = "EPSG:25832";
    var defaultUnits = "Meters";
    var defaultResolutions = new Array(1, 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024);
    var defaultExtent = new OpenLayers.Bounds(215446, 2103547, 706886, 6203897); //this extent is used when the page is loaded.
    //var defaultExtent = new OpenLayers.Bounds(705446, 6203547, 706886, 6203897); //this extent is used when the page is loaded.
    map = new OpenLayers.Map('map', { projection: defaultProjection, units: defaultUnits, maxExtent: defaultMaxExtent, resolutions: defaultResolutions, controls: [

        // Hide controls by default
    new OpenLayers.Control.Navigation({ wheelChange: HideInfoBox() }),
    new OpenLayers.Control.ArgParser(),
    new OpenLayers.Control.Attribution()]
    });
    layer = new OpenLayers.Layer.WMS("kort", "http://serverAddress?", { nbr: '', username: 'admin', password: 'adminadmin', layers: 'Overlayer', format: 'image/png' });

有人可以帮助我吗?

更新:
我试图从 Leaflet 中获取标准投影并对其进行自定义,就像这样
L.CRS.EPSG25832 = L.extend({}, L.CRS, {
    code: 'EPSG:25832',
    projection: L.Projection.SphericalMercator,
    transformation: new L.Transformation(0.5 / Math.PI, 0.5, -0.5 / Math.PI, 0.5),

    project: function (latlng) { // (LatLng) -> Point
        var projectedPoint = this.projection.project(latlng),
                earthRadius = 6378137;
        return projectedPoint.multiplyBy(earthRadius);
    }
});

现在投影是正确的。但现在的问题是坐标错误,例如,如果我从 Leaflet 获取坐标,Kolding 现在位于法国中部而不是丹麦。

最佳答案

我自己找到了解决问题的方法。
通过这样做:

var crs = L.CRS.proj4js('EPSG:25832', '+proj=utm +zone=32 +ellps=GRS80 +units=m +no_defs', new L.Transformation(0.5 / (Math.PI * L.Projection.Mercator.R_MAJOR), 0.5, -0.5 / (Math.PI * L.Projection.Mercator.R_MINOR), 0.5));

  var map = new L.Map('Krak-Map', { center: new L.LatLng(latitude, longitude), zoom: 17, crs: crs });

关于leaflet - 在 Leafletjs 上设置投影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15224253/

相关文章:

python - Geopandas to_crs 转换后给出错误的坐标

python - 为什么Basemap南极立体 map 投影坐标与同一投影下的数据集坐标不一致?

javascript - 未捕获的类型错误 : Cannot read property 'lat' of undefined when serializing leaflet data with $. 参数()

javascript - d3 单击处理程序不适用于传单 map 层

r - 使用 gcIntermediate 在 R 传单/Shiny 中映射跨越日期变更线的最短飞行路径

javascript - D3 world-50m.json 投影填充错误

R 传单图例 : specify order instead of alphabetical

leaflet - leaflet.js 中的 map 角度旋转

r - 从地理 WGS84 到 R 中墨卡托的项目 - 点不有限

javascript - d3 fitSize 给出 NaN 值