openlayers坐标转换

最新推荐文章于 2025-07-13 23:53:34 发布
原创 最新推荐文章于 2025-07-13 23:53:34 发布 · 4.5k 阅读 · 2 ·
CC 4.0 BY-SA版权
本文解决了你的问题吗？转载注明链接,帮助更多人。
文章标签：

#地图 #openlayers #坐标转化

本文介绍如何将OpenLayers地图中获取的加密经纬度坐标转换为真实经纬度坐标的方法。使用ol.proj.transform方法可以实现从EPSG:3857到EPSG:4326的坐标系转换。

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

对于openlayers地图，通过监听地图的相关事件获取的经纬度坐标是经过加密算法偏移的数值，因此在使用坐标之前需要将其转化成为正确的坐标：转化API如下：

 

var coordinate = ol.proj.transform( lonlat ,'EPSG:3857' ,'EPSG:4326');

 

lonlat是需要转化的坐标，经过以上方法转化后，得到的是真是的经纬度坐标值！

249：vue+openlayers 经纬度坐标转化为地址信息，点击后在弹窗显示
大剑师兰特的GIS世界
12-06 914
本示例是演示如何在vue+openlayers项目中点击某点，转化经纬度坐标为地址信息，弹窗显示。 通过点击地图，获取到经纬度坐标，然后通过调取mapbox的地址转换API，将经纬度坐标转化为地址信息，通过overlay的方式，在弹窗中展示出来。
264：vue+openlayers 坐标转换 WGS84-GCJ02-BD09
大剑师兰特的GIS世界
04-15 949
84坐标系可以理解为是真实坐标系，是一个地点的实际坐标值。02坐标系是加密后的坐标系，是为了国家安全考虑。对应的不是实际的坐标值，GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。BD09为百度坐标系，在GCJ02坐标系基础上再次加密。其中BD09LL表示百度经纬度坐标，BD09MC表示百度墨卡托米制坐标。
openlayers4xy坐标转为经纬度坐标
风不起丶叶何以舞的博客
07-04 2835
1、引入坐标转换js库文件proj4.js，地址：http://www.bootcdn.cn/proj4js/；2、加入需要的坐标参考的定义，两种方式：    1）单个：proj4.defs('WGS84', "+title=WGS 84 (long/lat) +proj=longlat +ellps=WGS84 +datum=WGS84 +units=degrees");     2）多个（分两...
OpenLayers +vue地图练习：实现定位、搜索、行政区高亮、图形绘制、聚类标记、实时路况
最新发布
m0_72606413的博客
07-13 740
本文主要用于记录个人openlayers学习心得体会和代码，主要功能有：定位用户当前城市、地址搜索、行政区高亮、图形绘制、添加标注和聚类、实时交通路况显示。
OpenLayers坐标转换
weixin_34364135的博客
11-19 741
OpenLayers的Map默认使用的地理坐标系统（EPSG:4326），如果我们采用其他投影时，就需要进行投影转换，以使用正确的投影方式。 下面代码为点坐标的转换： 1 //坐标转换 2 3 this.transform = function (lon, lat) { 4 5 var proj = new OpenLayers.Projection("EPS...
openlayer屏幕坐标和经纬度互转
qq_39330397的博客
07-12 1124
开发过程中总会忘记，记录一下。
OpenLayers学习笔记2——坐标转换问题
weixin_33897722的博客
07-07 251
參照别人的加入marker的demo来改造时。发现不管如何更改经纬度，都是停留在同一个位置。过了一两天突然想起可能是坐标參考的问题。尝试搜了一下。果然是这个问题。问题是这样子的： WMTS中地图的坐标參考系是102100（详细是哪个不清楚）。例如以下图所看到的： 而我在初始化地图时设置的參数例如以下图所看到的：projection属性设置的是‘EPSG：102100’，disp...
Openlayers 教程 26 - 自定义投影坐标系 - 数据转换以及在线转换工具
非科班Java出身GISer的博客
12-12 3254
工作中经常会遇到转换坐标的情况，一般都会写代码搞定，但是有时候只需要查看一下数据，犯不上专门搞段代码，这里整个在线工具，提供使用。
263：vue+openlayers 高德地图坐标转换 WGS84-GCJ02
大剑师兰特的GIS世界
03-29 2038
本示例演示如何在vue+openlayers中将 WGS84坐标转化为GCJ02坐标，从而使得高德地图能正确的显示物体的坐标点。 84坐标系可以理解为是真实坐标系，是一个地点的实际坐标值。02坐标系是加密后的坐标系，是为了国家安全考虑。对应的不是实际的坐标值，GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。
Vue+Openlayers+proj4实现坐标系转换
BADAO_LIUMANG_QIZHI的博客
04-26 4544
在上面的基础上实现不同坐标系坐标数据的转换。Openlayers中默认的坐标系是EPSG:900913EPSG:900913等效于EPSG:3857可在EPSG官网进行验证如果从其他坐标系的系统中获取坐标数据，则需要在Openlayers中进行坐标系转换。
OpenLayers 入门指南【二】：坐标系与投影转换
凌往昔
07-13 60
坐标系是用于定义、表示和测量地球表面上要素的空间位置的一种框架。坐标系提供了一种标准化的方法，用于引用和集成来自各种源的空间数据，并确保要素之间精确的空间关系。其中包括参考点（原点）、坐标轴（例如纬度和经度或者东距和北距）以及测量单位（例如度、米或英尺）。GIS 中使用的常见坐标系包括地理坐标系、投影坐标系。地理坐标系 (Geographic Coordinate Systems)：使用经纬度定义球体或椭球体表面上点位置的参考系统投影坐标系 (Projected Coordinate Systems)
用Openlayers实现实时定位
01-19
小马看Gis--用Openlayers实现实时定位 服务端服务方法用来生成GeoJSon串的jar包的源文件。
openlayers坐标、经纬度之间的转换
weixin_46520957的博客
11-15 4143
import {fromLonLat, toLonLat,transformExtent, transform } from 'ol/proj' fromLonLat(coordinate,'EPSG:4326') 经纬度 转换为 指定坐标系下坐标 (第二个参数为坐标系统epsg值) toLonLat(coordinate,'EPSG:4326'); 坐标 转化为 经纬度 transform(coordinate,'EPSG:4326','EPSG:3857') 坐标系之间 from xx to xx.
openlayers 根据经纬度转换为屏幕坐标
热门推荐
xuhaiyan8825的专栏
02-11 1万+
如下， centerLon ，centerLat  为获取到的经纬度； dx ，dy为该点相对于地图左上角的像素差 tmap.div.offsets[0]，tmap.div.offsets[1] 为地图左上角的屏幕坐标。 PosX， PosY 为该经纬度的屏幕坐标。 IE，360，firefox，google浏览器测试通过。 var feature = e.featur
openlayers 坐标转换
Nicole Cao的博客
06-05 5335
openlayers通过监听地图事件获取的经纬度坐标是经过加密算法偏移的数值，因此在使用坐标之前需要将其转化成为正确的经纬度坐标：var coordinate = map.getEventCoordinate(e); var lonlat= ol.proj.transform(coordinate ,'EPSG:3857' ,'EPSG:4326'); coordinate 是需要转化的坐标，...
openlayer中的投影，坐标转换
12-02 5395
平面坐标转经纬度：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地图投影与坐标系统 (进阶三)
WEBRSS
04-29 680
地图投影是将地球表面（球体或椭球体）转换到平面上的数学方法。在OpenLayers中，正确理解和使用投影对于精确显示地理数据至关重要。
openlayers结合谷歌api进行地图定位
牧xin的博客
09-12 804
整个是应用在vue 中 ,在uniapp的webview中镶嵌, webview的src是要是https访问,否则谷歌api无法获取gps信息 代码 navigator.geolocation.getCurrentPosition()方法 第一个参数是获取成功的callback函数, 第二个参数是获取失败时调用的函数 第三个是options,可选参数有 1、enableHighAcuracy — 布尔值： 表示是否启用高精确度模式，如果启用这种模式，浏览器在获取位置信息时可能需要耗费更多的时间。 2、ti
已知经纬度点如何画区域 Openlayers
jeff's blog
03-08 1万+
<br /><br /> 前段时间一直纠结于如何根据已有的很多点在地图上画一个区域出来，网上看到很多资料都是根据鼠标来画线或者区域的，对于初学的我实在是伤脑筋，后面终于在Openlayers的官网上的例子中找到了答案，其实方法应该是有多种的，有待挖掘……<br /> <br /> /*画区域*/ /*points: Array(<{lon,lat}>)*/ drawPolygon:function(points) { var wkt="POLYGON("
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值