vue中坐标系相互转换（高德GCJ02转为wgs84）

最新推荐文章于 2024-03-21 09:51:29 发布
最新推荐文章于 2024-03-21 09:51:29 发布
阅读量4.9k 收藏 11
点赞数 1
分类专栏： 前端 文章标签： 开发语言 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45422304/article/details/128285158
版权

在工作中使用高德地图时遇到了从后台接口获取的经纬度在地图上显示有一定的偏差,而多数情况下高德使用的是GCJ-02坐标系 ，为了消除这个偏差，使用WGS-84坐标系来解决这一问题

WGS-84坐标系：也叫 地球坐标系，从GPS设备中取出的数据的坐标系，他是国际上通用的坐标系。

GCJ-02坐标系 :也叫 火星坐标系或国测坐标系，他是由中国国家测绘局独创的坐标体系；它是一种对经纬度数据的加密算法，

                        中国标准，从国行移动设备中定位获取的坐标数据使用这个坐标系

                        国家规定： 国内出版的各种地图系统（包括电子形式），必须至少采用GCJ-02对地理位置进行首次加密。

转换理由：

不同的坐标系之间不兼容，如GPS芯片设备定位获取到的经纬度之间在高德地图上描点显示，会发生偏移。

转换方式

发现了一个库 coordtransform

可以直接在vue项目中进行下载

下载方式：cnpm i -S coordtransform 或者 npm i -S coordtransform

引入

在自己所需要转换的页面进行引入

import coordtransform from 'coordtransform'

使用

WGS84转J02

coordtransform.wgs84togcj02（经度，纬度）

J02转WGS84

coordtransform.gcj02towgs84（经度，纬度）

 coordtansform库官方介绍:coordtransform - npm 

屿初
关注
  • 1
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
GIS_WGS84_GCJ02_BD09_坐标转换.html
11-05
坐标转换工具         最近在做与 GIS 相关的内容，需要频繁的拾取坐标和转换坐标。遂写了坐标拾取和坐标转换的小工具。 小工具有纯网页版和 VUE 版。
各坐标系转换，百度、高德、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
推荐开源项目：CoordTransform —— 精准高效的坐标转换库
最新发布
gitblog_00059的博客
03-21 397
推荐开源项目：CoordTransform —— 精准高效的坐标转换库 项目地址:https://gitcode.com/wandergis/coordtransform 项目简介 在地理信息系统（GIS）中，坐标转换是一个必不可少的操作，尤其是在处理不同坐标系的数据时。CoordTransform 是一个由 wandergis 开发并维护的 Python 库，专注于提供快速且准确的坐标转换服务。...
pg-coordtransform:基于PostgreSQL+PostGIS的火星坐标系、百度坐标系、WGS84坐标系、CGCS2000坐标系的转换函数
05-24
Welcome to pg-coordtransform :waving_hand: 基于PostgreSQL和PostGIS的坐标转换函数，支持点、线、面的WGS84和CGCS2000与GCJ02和BD09坐标系与之间互转。 Example -- 如果转换后结果为null，查看geom的srid是否为4326或者4490 WGS84转GCJ02 select geoc_wgs84togcj02(geom) from test_table GCJ02转WGS84 select geoc_gcj02towgs84(geom) from test_table WGS84转BD09 select geoc_wgs84tobd09(geom) from test_table BD09转WGS84 select geoc_bd09towgs84(geom) from test_table CGCS2000转GCJ02 se
coordtransform：提供了百度坐标（BD09），国测局坐标（火星坐标，GCJ02），和WGS84坐标系之间的转换
02-24
coordtransform坐标转换 一个提供了百度坐标（BD09），国测局坐标（火星坐标，GCJ02），和WGS84坐标系之间的转换的工具模块。 python版本： : 命令行版本（支持模块或在命令行直接转换geojson数据）： : go语言社区版本： : 支持node，浏览器（AMD方式和直接引用方式） GitHub地址： : npm地址： ://www.npmjs.com/package/coordtransform 项目主页： ://wandergis.github.io/coordtransform/ 为什么写这个模块 伴随着移动互联网的兴起，几乎每个一个应用都会去收集用户位置，如果恰好你在处理与地理定位相关的代码，并且不了解地理坐标系的话，肯定要被我大天朝各种坐标系搞晕。写这个模块的目的也是因为项目中app获取的坐标是百度sdk获取的，在做webgi
高德、百度、WGS84坐标互换（后羿采集器在线批量转换）
04-30
使用后羿采集器规则，利用线上坐标在线转换网站，批量实现三种坐标之间的转换
高德坐标系到WGS84坐标系转换_R语言
10-14
运用r语言，对获得的高德坐标系下的poi点坐标进行转换，使其成为WGS84坐标系下坐标，便于使用ArcGIS分析
OpenLayers实战，高德GCJ-02坐标系转WGS-84坐标系
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
08-14 1882
本章实现高德GCJ-02坐标系转WGS-84坐标系。日常开发中经常遇到源坐标高德的情况，这时候如果地图不是高德，而是使用的wgs84坐标系的地图，或者其他坐标系的情况下，就会导致位置偏移，本章就是解决高德坐标偏移问题。
地图坐标转换（GCJ-02转WGS-84）
jxj960417的博客
06-30 2831
GCJ-02坐标转WGS-84坐标
GCJ-02转WGS84
傲骨雄风的博客
11-28 1万+
1.准备数据 (注意：经纬度格式是数值类型 数据-分列-常规),另存为xlsx格式 2.打开excel2json软件转换，另存为json 3.将json复制到arr变量下，执行坐标转换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
POI高德坐标转WGS84
weixin_37659245的博客
01-07 4863
因为下载的高德POI数据，相比WGS84是有一定的坐标偏移，因此需要进行校正一下。 首先，文件夹是这样的： CSV文件格式为： 代码如下： #!/usr/bin/python # -*- coding: UTF-8 -*- import pandas as pd import json import math import os import csv ## 转换函数： x_pi = 3...
百度、高德，WGS84坐标批量转换工具
04-01
用于百度、高德坐标的批量转换，需要先安装AccessDatabaseEngine
GCJ02转WGS84
08-08
利用Java代码及参考文件，将火星坐标转换为WGS84坐标，亲测可用，于是共享。
Python wgs84坐标系与GCJ02坐标系互转
01-26
wgs84转GCJ02坐标系(火星坐标系)，GCJ02坐标系(火星坐标系)转wgs84坐标系，Python语言
坐标拾取器【内置GCJ02转换WGS84坐标系】
12-25
本人开发的坐标拾取工具，可切换街道图和卫星图，内置GCJ02转换WGS84坐标系和坐标反查功能；已被300人的公司广泛使用。良心资源，童叟无欺！ 【GIS工具箱】集成了坐标拾取器、坐标系转换工具和随机坐标生成工具；已被300人的公司广泛使用。良心资源，童叟无欺！ 打包出售，更实惠！ https://download.csdn.net/download/jingqia/75970880
GCJ经纬度（腾讯、高德）转WGS84经纬度EXCEL算法.txt
07-26
GCJ经纬度（腾讯、高德）转WGS84经纬度EXCEL算法，亲自用过好用！
高德、百度坐标系转天地图坐标系
06-06
高德、百度坐标系转天地图坐标系，亲测实际有效，误差很小。
百度、高德、谷歌、火星、wgs84（2000）地图坐标相互转换纠偏的JS实现
04-26
主要实现百度、高德、谷歌、火星、wgs84（2000）地图坐标相互转换纠偏的JS实现
Vue+Element+Javascript完成坐标转化
09-27
在网络环境下运行，因为部分文件属于cdn等网络托管文件链接。功能详见链接https://blog.csdn.net/firstlt0217/article/details/108822846
vue wgs84转gcj02
08-14
Vue 是一种流行的 JavaScript 框架，用于构建用户界面。它本身并没有提供 WGS84 到 GCJ02 的转换功能，但可以通过引入第三方库来实现。 一种常用的第三方库是 `coordtransform`，它是一个 JavaScript 坐标转换库，支持将 WGS84 坐标转换为 GCJ02 坐标。 首先，你需要安装该库。你可以使用 npm 包管理器，在命令行中运行如下命令： ``` npm install coordtransform ``` 在 Vue 项目中引入 `coordtransform` 库。你可以在需要进行坐标转换的组件中，使用如下代码引入： ```javascript import coordtransform from 'coordtransform' ``` 接下来，你可以调用 `coordtransform.wgs84togcj02` 方法来完成 WGS84 到 GCJ02 的转换。该方法接受两个参数，分别是经度（longitude）和纬度（latitude），并返回一个包含转换后经纬度的数组。 下面是一个 Vue 组件中实现 WGS84 到 GCJ02 转换的示例代码： ```javascript import coordtransform from 'coordtransform' export default { data() { return { wgs84Longitude: 0, wgs84Latitude: 0, gcj02Longitude: 0, gcj02Latitude: 0 } }, methods: { convertWgs84ToGcj02() { const result = coordtransform.wgs84togcj02(this.wgs84Longitude, this.wgs84Latitude) this.gcj02Longitude = result[0] this.gcj02Latitude = result[1] } } } ``` 在这个示例中，我们定义了两个输入框 `wgs84Longitude` 和 `wgs84Latitude` 用于输入 WGS84 坐标的经度和纬度。当用户点击转换按钮时，`convertWgs84ToGcj02` 方法将会被调用，完成 WGS84 到 GCJ02 的转换，并将结果保存在 `gcj02Longitude` 和 `gcj02Latitude` 中。 需要注意的是，由于 GCJ02 是用于中国地区的坐标系统，所以该转换只适用于中国地区的坐标转换，对于其他地区的坐标转换可能不准确。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值