OpenLayers 3 自定义坐标系

简介: 地图中坐标系是非常多的,最常用的是EPSG:3857(等于谷歌的900913,等于esri的102100)的web墨卡托投影和GPS的EPSG:4326的WGS84坐标系。

地图中坐标系是非常多的,最常用的是EPSG:3857(等于谷歌的900913,等于esri的102100)的web墨卡托投影和GPS的EPSG:4326的WGS84坐标系。业务场景中,很多时候并不是这些常用坐标系,比如要使用北京54,西安80等坐标系怎么办咧?本文仅仅抛砖引玉,介绍方法,阐述如何应用自定义坐标系。

一 定义坐标系

每个坐标系都是有一个EPSG定义,本文准备以EPSG:3395举例。
首先在http://epsg.io/网站,查找坐标系定义。

img_9f2a5c0f226e34a04d86b2acd78c2f33.png
自定义坐标系边界.png

img_dbd7cc1e6a91cc805f70a78418ed0078.png
坐标系定义.png

这里我们是定义ol3的,于是选择proj4js的,复制粘贴下来。

var projection_3395 = new ol.proj.Projection({
    code: 'EPSG:3395',
    extent:[-20026376.39,-15496570.74,20026376.39,18764656.23],
    units: 'm',
    axisOrientation: 'neu'
});
//定义3395坐标系,且与其他4326,3857的互相转换
proj4.defs("EPSG:3395","+proj=merc +lon_0=0 +k=1 +x_0=0 +y_0=0 +datum=WGS84 +units=m +no_defs");

二 坐标系转换

说白了,其实是通过proj4对坐标系转换,然后作为匿名回调重写ol.proj的坐标转换功能,以下代码定义了3395转4326,3857方法。

//结合proj4在ol3中自定义坐标系
ol.proj.addProjection(projection_3395);
ol.proj.addCoordinateTransforms("EPSG:4326", "EPSG:3395",
    function(coordinate) {
        return proj4("EPSG:4326","EPSG:3395",coordinate);
    },
    function(coordinate) {
        return proj4("EPSG:3395","EPSG:4326",coordinate);;
    }
);
ol.proj.addCoordinateTransforms("EPSG:3857", "EPSG:3395",
    function(coordinate) {
        return proj4("EPSG:3857","EPSG:3395",coordinate);
    },
    function(coordinate) {
        return proj4("EPSG:3395","EPSG:3857",coordinate);;
    }
);

三 测试坐标系转换

ol.proj.transform([118,32],'EPSG:4326','EPSG:3395');
//这种如果测试成功,代表定义成功了。
相关文章
|
存储
ENVI:(2022年最详细的教程)自定义坐标系
ENVI:(2022年最详细的教程)自定义坐标系
536 0
|
1月前
|
开发框架 前端开发 定位技术
在Mars3d实现cesium的ImageryLayer自定义瓦片的层级与原点
通过上述步骤,您可以成功在Mars3D平台上集成Cesium,并实现自定义瓦片图层的层级与原点配置。这一过程不仅提升了地图应用的定制化程度,也为处理特定数据集和优化用户体验提供了灵活的解决方案。在实际开发过程中,不断测试和微调是确保图层展示效果与性能的关键。
106 0
|
3月前
|
缓存 前端开发 定位技术
Cesium加载Mapbox自定义地图
Cesium加载Mapbox自定义地图
102 0
|
定位技术
GIS开发:mapbox gl几种底图的加载
GIS开发:mapbox gl几种底图的加载
316 0
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(三)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(三)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(二)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(二)
|
数据处理 C#
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(一)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(一)
|
定位技术
在地图上基于OpenLayers实现点/线/面静态的绘制显示
在地图上基于OpenLayers实现点/线/面静态的绘制显示
1109 0
在地图上基于OpenLayers实现点/线/面静态的绘制显示
|
定位技术
Threejs使用Shapes实现不规则几何体,自定义绘图
Threejs使用Shapes实现不规则几何体,自定义绘图
1027 0
Threejs使用Shapes实现不规则几何体,自定义绘图