首页 前端知识 264:vue openlayers 坐标转换 WGS84-GCJ02-BD09

264:vue openlayers 坐标转换 WGS84-GCJ02-BD09

2024-04-19 21:04:22 前端知识 前端哥 938 381 我要收藏

在这里插入图片描述

第264个

点击查看专栏目录


本示例演示如何在vue openlayers中将 WGS84坐标转化为GCJ02坐标,然后再转换为BD09坐标,本示例中使用的是高德地图,所以转换来的GCJ02坐标是正确的位置。

84坐标系可以理解为是真实坐标系,是一个地点的实际坐标值。02坐标系是加密后的坐标系,是为了国家安全考虑。对应的不是实际的坐标值,GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。BD09为百度坐标系,在GCJ02坐标系基础上再次加密。其中BD09LL表示百度经纬度坐标,BD09MC表示百度墨卡托米制坐标。

直接复制下面的 vue openlayers源代码,操作2分钟即可运行实现效果; 注意如果OpenStreetMap无法加载,请加载其他来练习

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(共212行)
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5333.html
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!