首页 前端知识 263:vue openlayers 高德地图坐标转换 WGS84-GCJ02

263:vue openlayers 高德地图坐标转换 WGS84-GCJ02

2024-04-01 10:04:29 前端知识 前端哥 309 574 我要收藏

在这里插入图片描述

第263个

点击查看专栏目录


本示例演示如何在vue openlayers中将 WGS84坐标转化为GCJ02坐标,从而使得高德地图能正确的显示物体的坐标点。

84坐标系可以理解为是真实坐标系,是一个地点的实际坐标值。02坐标系是加密后的坐标系,是为了国家安全考虑。对应的不是实际的坐标值,GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。

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

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(共180行)
      • 相关API参考:
      • 专栏目标
转载请注明出处或者链接地址:https://www.qianduange.cn//article/4371.html
评论
发布的文章

前端vue实现甘特图

2024-04-19 21:04:35

HTML入门(详细)

2024-04-19 21:04:24

HTML 入门手册(一)

2024-04-19 21:04:58

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