57.（leaflet篇）leaflet高德坐标转天地图坐标（gcj02转大地2000）

已于 2022-04-18 08:55:45 修改
阅读量823 收藏 1
点赞数 1
分类专栏： 地图之家 文章标签： leaflet 高德坐标 天地图坐标 高德坐标转天地图坐标 地图
于 2022-04-18 08:52:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60387551/article/details/124241189
版权
地图之家 专栏收录该内容
297 篇文章 184 订阅 ¥129.90 ¥299.90
订阅专栏
本文介绍了如何使用Leaflet将高德坐标系统转换为天地图（GCJ02转大地2000）的坐标。提供了相关地图转换的详细过程，并在文章末尾提供可运行的完整代码示例，支持遇到问题的读者通过私信与博主交流。
摘要由CSDN通过智能技术生成

地图之家总目录（订阅之前请先查看该博客）

地图之家：cesium+leaflet+echart+地图数据+地图工具等相关内容的介绍在这里插入图片描述
文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。
效果如下所示：
在这里插入图片描述

下面献上完整代码，代码重要位置会做相应解释

<!
了解本专栏 订阅专栏 解锁全文
GIS之家家长
关注
专栏目录
订阅专栏
56.（leaflet之家）leaflet百度坐标转天地图坐标（bd09转大地2000）
地图之家
01-12 424
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="referrer" content="no-referrer"/> <title>Histo
Leaflet调用谷歌地图、天地图、智图地图、高德题图一键搞定
热门推荐
做GIS梦的人
08-26 2万+
Leaflet调用各种地图的功能十分复杂，幸好有leaflet.ChineseTmsProviders这个插件，这四种地图直接就可以加载进来，十分方便。 下面是我做的例子：
vue2使用天地图
最新发布
请叫我欧皇！的博客
08-20 1541
需求：用vue2使用天地图展示对应点位数据以及开发中出现的问题等，其实天地图的写法和百度地图差不多注意！！！天地图的接口不稳定，时常报错418，官网也是一样的情况，推荐还是使用百度或者高德吧。以下是拷贝的网上的地图坐标系，仅作参考（1）天地图：CGCS2000，2000国家大地坐标系；我们其实很多时候直接用WGS84的坐标来代替CGCS2000坐标。因为CGCS2000的定义与WGS84实质一样。采用的参考椭球非常接近。扁率差异引起椭球面上的纬度和高度变化最大达0.1mm。
57.（leaflet篇）leaflet高德坐标转天地图坐标（gcj02转大地2000）.zip
12-10
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/121848484
2000国家大地坐标系转换高德坐标
m0_67372185的博客
07-09 2296
2000大地坐标转成高德坐标，proj4库可以实现几乎所有的坐标系之间的转换。
经纬度坐标转换 转为大地坐标
04-07
此坐标转换经过本人高精度GPS 验证 误差范围在1米以内，更深入了解的可以私信我
最新坐标转换含（2000坐标系转换）
04-16
最新2000坐标系转换，转换功能强大，坐标系转换，54坐标系、80坐标系、2000坐标系,相互转换，免费
57.（leaflet之家）leaflet高德坐标转天地图坐标（gcj02转大地2000）
地图之家
01-12 524
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="referrer" content="no-referrer"/> <title>Histor
leaflet高德坐标转天地图坐标（gcj02转大地2000）（leaflet篇.57）
地图之家
12-10 2732
听老人家说：多看美女会长寿 [ 地图之家总目录（订阅之前建议先查看该博客）](https://blog.csdn.net/QQ98281642/articl 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="referrer" conten
各坐标系转换，百度、高德、wgs84、cgcs2000坐标系互转
阳光
03-13 1万+
首先申明：转换方法都是网上找的，但是都不全，整理了一下 其中wgs84、cgcs2000互转结果有差异，也就是完全还原不了 先附上百度、高德、wgs84互转方法 js /** * Created by Wandergis on 2015/7/8. * 提供了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换 */ //UMD魔法代码 // if the module has no dependencies, the above pattern can be
坐标转换软件（百度、高德火星坐标与CGCS2000、WGS84之间的互转）
11-16
本软件为博主本人开发，转换精度已验证，目前仅支持百度、高德火星坐标与CGCS2000、WGS84之间的互相转换，可实现单点转换及部分批量转换。 另有收费版可支持深圳坐标与wgs84坐标的转换，并全部支持批量转换并提供技术支持，软件界面有微信号。 本版本为早期版本，功能不全，为免费版本，但可实现上述功能。
百度、高德、谷歌、火星、wgs84（2000）地图坐标相互转换纠偏的JS实现
05-08
主要实现百度、高德、谷歌、火星、wgs84（2000）地图坐标相互转换纠偏的JS实现
56.（leaflet篇）leaflet百度坐标转天地图坐标（bd09转大地2000）.zip
12-09
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/121832575
Leaflet.js加载天地图的WMTS服务（EPSG4326类型）
02-18
通过修改Leaflet扩展插件leaflet-tilelayer-wmts.js加载天地图的wmts服务（epsg4326类型）。具体介绍见：http://blog.csdn.net/dahongdahong/article/details/49685653 补充： 对于新版本的leaflet不建议使用插件方式，其本身已经支持4326坐标系了
gcj02与wgs84的相互转换 js代码
11-29
gcj02与wgs84的相互转换 js代码 高德 百度，腾讯等与wgs84坐标的转换方法
笔记分享②：GPS经纬度坐标转为CGCS2000
bingbing_h的博客
03-26 3327
解决外业照片整理需求，批量获取照片经纬度并转换坐标至CGCS2000坐标系，添加超链接，快速访问照片。
将GPS坐标转换成GCJ-02墨卡托坐标的js代码
01-13
这是一个将GPS坐标转换成GCJ-02墨卡托坐标的js代码，很有价值，可以精确定位到具体地理位置。
Leaflet入门指南：高德地图添加和坐标偏移处理方法
cheungxiongwei的博客
08-02 2343
在本文中，我们将扩展前一篇 "Leaflet入门指南：从零开始创建交互式地图"，通过添加高德地图（采样GCJ-02坐标系）来丰富地图应用程序。我们首先介绍了如何添加高德卫星地图和高德街道信息透明地图。随后，我们探讨了由于坐标系差异引起的地图偏移问题，并详细介绍了解决方案。我们使用了eviltransform库将WGS-84坐标系转换为GCJ-02坐标系，以修复标记点的偏移。另外，我们还探讨了自定义CRS和Marker插件的方法，分别在地图初始化和标记更新时进行坐标偏移处理。这些方法可以帮助您在Leaflet
实现leaflet加载自定义高德地图后坐标类型为gcj02
04-29
要实现leaflet加载自定义高德地图后坐标类型为gcj02，你需要进行以下步骤： 1. 在高德开放平台上申请自定义地图服务并获取到对应的key。 2. 在Leaflet中添加高德地图服务的图层，示例代码如下： ``` L.tileLayer('https://webst01.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', { attribution: '高德地图', maxZoom: 18 }).addTo(map); ``` 3. 在Leaflet中添加坐标转换插件，这里推荐使用proj4leaflet插件。在使用之前，需要将proj4库引入到项目中。示例代码如下： ``` // 添加proj4库 <script src="https://cdnjs.cloudflare.com/ajax/libs/proj4js/2.6.2/proj4.js"></script> // 定义高德地图的投影坐标系 proj4.defs("EPSG:102100", "+proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs"); // 在Leaflet中添加坐标转换插件 L.Proj.geoJson(data, { 'pointToLayer': function(feature, latlng) { return L.marker(latlng); } }, { 'coordsToLatLng': function(coords) { var point = L.point(coords[0], coords[1]); point = L.Proj.transform(proj4.defs("EPSG:102100"), L.CRS.GCJ02.projection, point); return L.CRS.GCJ02.pointToLatLng(point); } }).addTo(map); ``` 4. 将Leaflet的坐标系设置为GCJ02，示例代码如下： ``` L.CRS.GCJ02 = L.extend({}, L.CRS.EPSG3857, { // 将EPSG3857的投影坐标系转换为GCJ02的投影坐标系 transformation: L.transformation(1 / 128, -1 / 128, -1 / 128, 1 / 128), // 将EPSG3857的地理坐标系转换为GCJ02的地理坐标系 code: 'GCJ02' }); // 将地图的坐标系设置为GCJ02 map.options.crs = L.CRS.GCJ02; ``` 通过以上步骤，你就可以实现leaflet加载自定义高德地图后坐标类型为gcj02了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

GIS之家家长

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值