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

在这里插入图片描述

第263个

点击查看专栏目录


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

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

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

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-29 12:22:02       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-29 12:22:02       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-29 12:22:02       87 阅读
  4. Python语言-面向对象

    2024-03-29 12:22:02       96 阅读

热门阅读

  1. 网络入门基础

    2024-03-29 12:22:02       45 阅读
  2. Flink基于Hudi维表Join缺陷解析及解决方案

    2024-03-29 12:22:02       48 阅读
  3. 使用 react-router-dom v6.22 的 useRoutes 路由表

    2024-03-29 12:22:02       42 阅读
  4. ubuntu22.04基于docker部署k8s1.29.x 高可用集群

    2024-03-29 12:22:02       45 阅读
  5. 以Monkey为例全方位解析App压力测试的关键要点

    2024-03-29 12:22:02       37 阅读
  6. React Material UI A Blogging Platform

    2024-03-29 12:22:02       31 阅读
  7. C语言基于TCP的多线程服务器

    2024-03-29 12:22:02       42 阅读
  8. 【Rust】——编写自动化测试(一)

    2024-03-29 12:22:02       41 阅读
  9. VLAN间通信(链路聚合)

    2024-03-29 12:22:02       43 阅读