Openlayers实战：非4326,3857的投影

最新推荐文章于 2024-08-22 15:46:11 发布
最新推荐文章于 2024-08-22 15:46:11 发布
阅读量308 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： # Openlayers基础实战73篇 文章标签： openlayers实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cuclife/article/details/131609618
本文介绍如何在OpenLayers中通过Proj4js库实现除默认4326和3857之外的投影，以ESRI:53009为例进行实战演示，包括安装依赖、展示效果及提供相关API链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Proj4js 是一个 JavaScript 库，用于将点坐标从一个坐标系转换到另一个坐标系，包括基准转换。Openlayers地图上，除了默认的4326和3857投影方式外，可以通过Proj4js的拓展，可以显示其他的投影。 本实战中，将ESRI:53009投射到Openlayers地图上。

安装依赖

npm install proj4 --save

效果图

在这里插入图片描述

源代码

/*
* @Author: 大剑师兰特（xiaozhuanlan），还是大剑师兰特（优快云）
* @此源代码版权归大剑师兰特所有，可供学习或商业项目中借鉴，未经授权，不得重复地发表到博客、论坛，问答，git等公共空间或网站中。
* @Email: 2909222303@qq.com
* @First published in 优快云
* @First published time: 2023-07-11
*/
<template>
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Openlayers 教程 26 - 自定义投影坐标系 - 数据转换以及在线转换工具
非科班Java出身GISer的博客
12-12 3236
工作中经常会遇到转换坐标的情况，一般都会写代码搞定，但是有时候只需要查看一下数据，犯不上专门搞段代码，这里整个在线工具，提供使用。
Openlayers实战：利用turf获取两个多边形的交集、差集、并集
大剑师兰特的GIS世界
08-09 1304
在数据统计方面，通常会涉及到图形间的交集、并集、差集等。在Openlayers的实战中，我们显示两个多边形的交集、并集、差集的表现。通过turf的方式，可以快速的实现我们的数据处理，具体的请参考源代码。
openlayer画的圆比实际的小？4326和3857投影的不同
江湖小葡萄
10-09 1032
地图上显示地图和坐标都是投影坐标系（3857），4326坐标系主要是存储数据；我们获取之后要进行处理，转换成4326的坐标，才能进行数据使用以及其他的操作。
【cesium】cesium和openlayer加载非3857和4326的坐标系WMS图层方法
weixin_39823367的博客
05-09 2062
cesium和openlayer加载非3857、4326的wms地图服务
OpenLayers 投影的概念
hi_kevin的专栏
06-25 8997
投影， 地球大家都知道不是正圆形的球体，他是一个不规则的椭圆体，所以如果我们把把展开在桌面上，发现地图都会和实际有出入。 所以人们发明了各种各样的方式来缩小失真的程度，这种方式就是投影 那到底该如何选择投影呢 主要要考虑这三种情况   面积，距离，形状。我们要根据自身的需求，来使用投影。因为我们的浏览地图的绝大部分需求是，量算面积和距离， 和观察某个地
使用openlayers投影阿伯斯（Albers）
weixin_43055079的博客
03-09 996
ps:实习第一周 因业务需求需要使用阿伯斯投影 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示
Vue+OpenLayers7入门到实战：OpenLayers地图默认使用什么投影? 要如何更改OpenLayers地图的投影？
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
01-23 639
地图投影是将球面地图上的三维地理坐标系（经纬度）转换成平面地图上的二维坐标系的过程。由于地球是一个近似的椭球体，而平面地图是一个二维表面，因此需要采用适当的投影方式来实现这种转换。《GIS入门，什么是地图投影，地图投影有哪些类型，墨卡托投影属于哪一种类型的投影，为什么OpenLayers地图默认使用墨卡托投影》
Openlayers实战：测量长度，测量面积
大剑师兰特的GIS世界
07-11 488
Openlayers地图上经常是要用到测量功能，诸如测量长度，测量面积。在本实战中，引用一个js，实现测量长度、测量面积功能。
Openlayers实战教程学习大纲及引导
大剑师兰特的GIS世界
06-27 1016
本系列教程是Openlayers的实战教程，介绍Openlayes的一些基础知识，并重点讲述哪些地方是openlayers项目中常用的，给出具体示例，起到一个很好的引导学习作用。
vue+openLayers入门教程
热门推荐
ScoloveCode的博客
09-14 2万+
介绍: OpenLayers官网 OpenLayers插件类型 可以理解为专门处理地图的一个库 其中有两大类 map和view,map是ol中的核心组件,初始化一副地图(map),时,至少需要一个可视化区域(view),一个或多个图层(layer)和一个地图加载的挂载点(target) 1.vue中使用Openlayers 注意:地图容器需要设置宽高,否则看不到初始化的地图效果 地图介绍 一.关于投影 ​ 1.投影,地球不是正圆的球体,是一个不规则的椭圆体,所以我们要是想让它展开在桌面上,就会发现地图都会和
【OpenLayers】projection投影-EPSG_3857和EPSG_4326
最新发布
weixin_41027083的博客
08-22 985
projection投影-EPSG:3857和EPSG:4326
openlayers3投影转换——proj4js
GIS笔记
12-09 1万+
proj4js proj4js是一个转换点坐标从一个坐标系到另一个坐标系的JavaScript库，包括数据转换。这个库是由proj4和​gctcp C库转换而来的JavaScript版本。在浏览器端进行转换的可能允许将存储在不同的投影存储的地理数据可以在基于浏览器的Web地图应用应用中结合到一起。proj4js是metacrs项目组的一部分，使用和 PROJ.4相同的MIT许可。 proj4js 和
OpenLayers - 3857和4326
Moon Star
11-14 3911
OpenLayers：v6.8.1 EPSG:3857坐标系（投影坐标） 在 openlayers 中默认的坐标就是google的摩卡托坐标，也就是我们经常看到的 EPSG:3857 坐标系。 EPSG:3857 的数据一般是这种的。[12914838.35,4814529.9]，看上去相对数值较大。不利于存储，比较占内存。 EPSG:4326（地理坐标） 4326 WGS-84：是国际标准，GPS坐标（Google Earth使用、或者GPS模块） EPSG:4326 的数据一般是这种的。[2.
Openlayers使用Proj4js坐标转换cgcs2000分带（zone）投影的问题
GIS小虫的博客
05-12 4345
问题源于使用4528投影按照官网示例定义view时地图一片空白，于是开始了对Proj4js和投影转换的抽丝剥茧，这里记录下了解的知识和最后的结论。 官网示例和Proj4js的使用 OL示例见wms-image-custom-proj 这里简单介绍下proj4，我认知的proj4是基于一些约定参数组成的用于定义坐标参考的一组参数，和WKT相比更简约，省略了WKT里的完整参数定义。比如4528的wkt PROJCRS["CGCS2000 / 3-degree Gauss-Kruger zone 40", .
openlayers之EPSG3857
红衣大叔
12-17 706
openlayers代码中只有半径，没有长半轴、短半轴 。猜测openlayers对椭球体简化成了球体 半径（RADIUS）：6378137 HALF_SIZE 展开后宽度的一半，及圆周长的一半。RADIUS*MATH.PI 范围设置，（0，0）点设置在正方形的中心点 [-HALF_SIZE, -HALF_SIZE, HALF_SIZE, HALF_SIZE] 对应的地球范围(WORLD_EXTENT):[-180, -85, 180, 85] export const MAX_SAFE_Y = RADIU
Openlayers 坐标系全面解析
qq_37489791的博客
04-17 1711
思路：1、拿到所有的featurens，2、申明一个临时变量来保存所有的features3、然后循环调用convert2000CoorTo84转换4、再把转换后的值push到临时变量中，5、返回一个转换坐标后的geometry定义转换函数：1、引入proj42、定义扩展的EPSG4、读取数据并转换坐标系try {
Openlayers之投影转换
SmileCoffin的博客
02-21 4983
1、投影转换 所谓投影转换，就是将具有某种投影坐标系的地图转换到另一种投影坐标系上显示，一般可以将具有某种平面投影坐标系的地图转换到某种球面坐标系上，也可以将具有某种球面坐标系的地图转换到平面坐标系下； 2、代码实现 body,html,div{ border:none;padding:0;ma
（转）OpenLayers3基础教程——OL3之Popup
06-09 312
http://blog.youkuaiyun.com/gisshixisheng/article/details/46794813 概述： 本节重点讲述OpenLayers3中Popup的调用时实现，OL3改用Overlay代替OL2的Popup功能。 接口简介： overlay跟ol.control.Control一样，是一个可见的窗口，但是不和Control一样，不是固定在地图区域...
精通OpenLayers 2.10：JavaScript地图库实战指南
"OpenLayers.2.10.Beginners.Guide 是一本关于OpenLayers JavaScript库的初学者指南，旨在帮助读者创建、优化和部署跨浏览器的网络地图。该书由Erik Hazzard撰写，版权属于Packt Publishing。" OpenLayers是开源的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

还是大剑师兰特

打赏一杯可口可乐

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值