Openlayers 坐标系全面解析

原创 已于 2022-05-08 15:13:53 修改 · 9.5k 阅读 · 31 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #前端

于 2022-05-07 12:17:06 首次发布
本文介绍了OpenLayers中如何进行EPSG:4326和EPSG:3857之间的坐标转换，以及如何处理中国特有的CGCS2000坐标系（EPSG:4490）。内容涵盖了坐标转换函数的使用，以及通过Proj4库自定义EPSG:4490和EPSG:4525坐标系的方法，适合地理信息系统开发者参考。

目录

EPSG:4326 & EPSG:3857

EPSG:4326 与 EPSG:3857 的坐标转换 

EPSG: 4490

Openlayers 自定义坐标系（EPSG:4490 和 EPSG:4525)

EPSG:4326 & EPSG:3857

Openlayers 中常用的坐标系为 EPSG:4326 和 EPSG:3857，分别对应 WGS84 坐标系统中的地理坐标（经纬度）和投影坐标（X，Y）。EPSG:4326 通过经纬度记录坐标，方便存储，可读性高。Openlayers 中默认的坐标为 EPSG:3857，是一种墨卡托投影坐标，这种方式存储的坐标比较占用内存，而且可读性较差，但地图显示的效果比 EPSG:4326 好。通常，数据存储在 EPSG:4326中，显示在EPSG:3857中。这就需要使用 Openlayers 提供的坐标转换：

EPSG:4326 与 EPSG:3857 的坐标转换 

在 Openlayers 中提供了坐标转换的功能：transform([x, y],fromCoordinate,toCoordinate)  transform 需要传入三个参数：[x，y] 为需要转换的坐标，fromCoordinate 为该坐标的坐标系，toCoordinate 为需要转到的坐标系 。具体使用方法如下：

import {transform} from 'ol/proj';//导入方法
//EPSG:3857 转 EPSG:4326
console.log(transform([12202419, 4469830],"EPSG:3857","EPSG:4326"))

最低0.47元/天 解锁文章
WebGIS之OpenLayers全面解析 源码+数据库
03-16
这个资料包"WebGIS之OpenLayers全面解析 源码+数据库"提供了一个深入学习OpenLayers的机会，包括源码分析和可能涉及的数据库操作。 OpenLayers允许开发者在网页上创建交互式地图，支持多种地图服务，如WMS（Web Map...
openlayer使用方位坐标系显示北极地区
10-11
openlayer使用方位坐标系显示北极地区地图 openlayer使用方位坐标系显示北极地区地图
openLayers实战(八)：坐标系及其转换
在下魔王ii的博客
08-18 2882
EPSG: 3857 --web地图，基于球体的、web墨卡托投影（伪墨卡托投影Pseudo-Mercator）的投影坐标系，范围为纬度85度以下，由于google地图最先使用而成为事实标准。至今，大多互联网地图都使用EPSG3857，主要是因为该投影是等角投影，适合地图定向及导航，但是纬度越高，面积变形越大。EPSG: 4326 --全球通用，基于WGS84椭球的经纬度坐标系，大地坐标系，在 EPSG: 4326 坐标系中，经度表示位置的横向偏移量，范围为 -180 到 180，单位是度；
openlayers入门之坐标系
qiaozi的博客
09-15 2900
地理坐标系 地理坐标系是使用三维球面来定义地球上的位置。 投影坐标系 地理坐标系是三维的，而我们在地图或者屏幕上显示需要将其转换为二维，这就被称为投影。常用的投影有等距矩形投影（Platte Carre）和墨卡托投影（Mercator）。两种投影以下图所示： 右上为墨卡托投影，投影后仍然是圆形，但是在高纬度时物体被严重放大了。右下为等距投影，物体的大小变化不是那么明显，但是图像被拉长了。Pla...
js读取geoserver发布WMTS服务配置文件，并返回openlayers加载地图所需要参数
最新发布
RenZhXu的博客
10-11 248
本文介绍了一个JavaScript方法，用于读取GeoServer发布的WMTS服务配置文件，并返回OpenLayers加载地图所需的参数。方法通过解析GetCapabilities请求返回的XML文档，提取图层标识符、矩阵集、分辨率等关键信息。当配置文件中缺少分辨率数据时，方法会提供默认值。最后展示了如何调用该方法将WMTS图层添加到OpenLayers地图中，并自动调整视图范围以适应图层边界。该方法为GeoServer WMTS服务与OpenLayers的集成提供了便捷的解决方案。
OpenLayers 创建坐标系统
GIS之路
06-14 1236
在系统中调用方法定义坐标信息，proj4具有两种定义方式，可以传入一个简单对象，也可以传入一个数组对象，对于坐标信息需要传入两个参数，sysName表示坐标系名称，如sysDef表示定义坐标信息。// 方式1// 方式2])在定义坐标系统之前需要知道坐标信息，从可以查看对应坐标系统定义信息。下面以定义4490坐标系为例。在OpenLayers中使用proj4定义坐标系后，需要调用register方法注册坐标系，然后使用投影类Projection声明坐标系。})说明大意就是要使proj4。
openlayers -----------坐标系篇（小贴士）
m0_54476873的博客
11-13 2413
openlayers 默认的坐标系的原点在左上角，向上为y轴正方向，向右为x轴正方向。 也就是说，地图投影到一个平面后，平面的左边对应着地球的西边，也是x轴负方向；平面上面对应地图的北面，也是y轴正方向。 但是并不是所有的瓦片地图都采用这样的坐标系，例如百度地图，它是将坐标系原点设为地图视图的中心点，因此坐标是有正负的，负值添加了 'M’ 前缀作为区分。 <div id="baiduMap" style="width: 100%"></div> <script>
openlayers -------坐标篇（小贴士）
m0_54476873的博客
11-10 827
openlayers 支持两种坐标系，分别是 “EPSG:S4326" 和 ”EPSG:3857" ,如果不指定坐标系projection，那么它默认的是”EPSG:3857"。 "EPSG:4326" 是一种全球通用的地理坐标系，它是椭球体的坐标系（3D），而 "EPSG:3857" 是平面坐标系，也正因为如此，它是一种web地图专用的坐标系。 因此，如果将openlayers坐标系指定为“EPSG:4326"，那么得到的地图可能会有些扭曲，观感不好。 ...
Openlayers：如何注册一个新的坐标系统
m0_52912501的博客
05-15 598
OpenLayers中默认支持 WGS84和Web墨卡托两种坐标系统。但是如果想将地图设置为其它的坐标系统或者使用其它的坐标系统的数据就需要进行手动注册。本文就将介绍如何在OpenLayers中注册一个新的坐标系统并使用。
Openlayers源码阅读（九）：扩展坐标系
高端客户
01-28 1259
proj4 porjection get() transform
OpenLayers坐标转换
weixin_34364135的博客
11-19 763
OpenLayers的Map默认使用的地理坐标系统（EPSG:4326），如果我们采用其他投影时，就需要进行投影转换，以使用正确的投影方式。 下面代码为点坐标的转换： 1 //坐标转换 2 3 this.transform = function (lon, lat) { 4 5 var proj = new OpenLayers.Projection("EPS...
Openlayers显示地理位置坐标的方法
10-14
主要为大家详细介绍了Openlayers显示地理位置坐标，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
OpenLayers 3 地图框选 画多边形 获取坐标 实例
12-01
OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标
OpenLayers 3 坐标、坐标系、投影
大树
12-10 2334
OpenLayers 3 坐标、坐标系、投影 一、坐标 代码中我们常见到的数组 [0,0] 就是我们常说的坐标 坐标是一个包含两个元素的数组，第一个元素代表地图上的x坐标，第二个元素代表地图上的y坐标。通过x坐标和y坐标我们就可以定位到地图上的任何一个位置 二、坐标系 学过地理知识都知道，地球并不是一个完全规则的球体。在不同的地区，为了在数学上表示它，就出现了多种不同的参考椭球体，比如克拉索夫斯基(Krasovsky)椭球体，WGS1984椭球体，更多的椭球体参见参考椭球体。在参考椭球体的基础上，就发展出
openlayer中的投影，坐标转换
12-02 5536
平面坐标转经纬度：toLonLat([471983.45,3490990.75]) 经纬度转平面坐标：fromLonLat([104.704968,31.540962]) 3857 、fromLonLat（） <template> <div id="map"></div> </template> <script> import "ol/ol.css"; import { Map, View } from "ol"; imp...
Openlayers 教程 26 - 自定义投影坐标系 - 数据转换以及在线转换工具
非科班Java出身GISer的博客
12-12 3412
工作中经常会遇到转换坐标的情况，一般都会写代码搞定，但是有时候只需要查看一下数据，犯不上专门搞段代码，这里整个在线工具，提供使用。
OpenLayers地图投影与坐标系统 (进阶三)
WEBRSS
04-29 903
地图投影是将地球表面（球体或椭球体）转换到平面上的数学方法。在OpenLayers中，正确理解和使用投影对于精确显示地理数据至关重要。
OpenLayers 入门指南【二】：坐标系与投影转换
凌往昔
07-13 300
坐标系是用于定义、表示和测量地球表面上要素的空间位置的一种框架。坐标系提供了一种标准化的方法，用于引用和集成来自各种源的空间数据，并确保要素之间精确的空间关系。其中包括参考点（原点）、坐标轴（例如纬度和经度或者东距和北距）以及测量单位（例如度、米或英尺）。GIS 中使用的常见坐标系包括地理坐标系、投影坐标系。地理坐标系 (Geographic Coordinate Systems)：使用经纬度定义球体或椭球体表面上点位置的参考系统投影坐标系 (Projected Coordinate Systems)
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值