javascript WGS84、GCj02相互转换

👨‍⚕️ 主页: gis分享者
👨‍⚕️ 感谢各位大佬 点赞👍 收藏⭐ 留言📝 加关注✅!
👨‍⚕️ 收录于专栏:gis工程师



一、🌵前言

在地理信息系统(GIS)领域,坐标系的选择至关重要。WGS84和GCJ02作为两个常用的坐标系统,在实际应用中往往需要相互转换。

WGS84:是全球定位系统(GPS)使用的坐标系统,日常普遍使用的坐标系。
GCJ02:互联网地图坐标系统,是中国制定的地理信息公共服务平台所采用的标准,例如高德地图等都是采用该坐标系。由于国家安全等因素考虑,GCJ02坐标系在我国境内具有普遍适用性。

二、🌵互转函数

// 定义一些常量
/* eslint-disable */
var PI = 3.1415926535897932384626
var a = 6378245.0
var ee = 0.00669342162296594323
/**
 * WGS84转GCj02
 * @param lng
 * @param lat
 * @returns {*[]}
 */
export function wgs84togcj02(lng, lat) {
  var lat = +lat
  var lng = +lng
  if (out_of_china(lng, lat)) {
    return [lng, lat]
  } else {
    var dlat = transformlat(lng - 105.0, lat - 35.0)
    var dlng = transformlng(lng - 105.0, lat - 35.0)
    var radlat = lat / 180.0 * PI
    var magic = Math.sin(radlat)
    magic = 1 - ee * magic * magic
    var sqrtmagic = Math.sqrt(magic)
    dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI)
    dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI)
    var mglat = lat + dlat
    var mglng = lng + dlng
    return [mglng, mglat]
  }
}
var transformlat = function transformlat(lng, lat) {
  var lat = +lat
  var lng = +lng
  var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng))
  ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0
  ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0
  ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0
  return ret
}
var transformlng = function transformlng(lng, lat) {
  var lat = +lat
  var lng = +lng
  let ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng))
  ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0
  ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0
  ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0
  return ret
}
/**
 * 判断是否在国内,不在国内则不做偏移
 * @param lng
 * @param lat
 * @returns {boolean}
 */
var out_of_china = function out_of_china(lng, lat) {
  lat = +lat
  lng = +lng
  // 纬度3.86~53.55,经度73.66~135.05
  return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55)
}

export function gcj02towgs84(lng, lat) {
  var lat = +lat
  var lng = +lng
  if (out_of_china(lng, lat)) {
    return [lng, lat]
  } else {
    var dlat = transformlat(lng - 105.0, lat - 35.0)
    var dlng = transformlng(lng - 105.0, lat - 35.0)
    var radlat = lat / 180.0 * PI
    var magic = Math.sin(radlat)
    magic = 1 - ee * magic * magic
    var sqrtmagic = Math.sqrt(magic)
    dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI)
    dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI)
    var mglat = lat + dlat
    var mglng = lng + dlng
    return [lng * 2 - mglng, lat * 2 - mglat]
  }
}

希望对您有帮助,发财的小手点点赞~
在这里插入图片描述

Vue 是一种流行的 JavaScript 框架,用于构建用户界面。它本身并没有提供 WGS84GCJ02转换功能,但可以通过引入第三方库来实现。 一种常用的第三方库是 `coordtransform`,它是一个 JavaScript 坐标转换库,支持将 WGS84 坐标转换GCJ02 坐标。 首先,你需要安装该库。你可以使用 npm 包管理器,在命令行中运行如下命令: ``` npm install coordtransform ``` 在 Vue 项目中引入 `coordtransform` 库。你可以在需要进行坐标转换的组件中,使用如下代码引入: ```javascript import coordtransform from 'coordtransform' ``` 接下来,你可以调用 `coordtransform.wgs84togcj02` 方法来完成 WGS84GCJ02转换。该方法接受两个参数,分别是经度(longitude)和纬度(latitude),并返回一个包含转换后经纬度的数组。 下面是一个 Vue 组件中实现 WGS84GCJ02 转换的示例代码: ```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` 方法将会被调用,完成 WGS84GCJ02转换,并将结果保存在 `gcj02Longitude` 和 `gcj02Latitude` 中。 需要注意的是,由于 GCJ02 是用于中国地区的坐标系统,所以该转换只适用于中国地区的坐标转换,对于其他地区的坐标转换可能不准确。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

gis分享者

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

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

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

打赏作者

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

抵扣说明:

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

余额充值