js中火星坐标、百度坐标、WGS84坐标转换实现方法示例

yizhihongxing

下面是关于js中火星坐标、百度坐标、WGS84坐标转换实现方法的详细攻略。

一、前言

在实际开发中,经常需要进行不同格式坐标之间的转换,其中火星坐标(GCJ02)是中国特有的加密坐标,百度坐标(BD09)则是在火星坐标基础上再进行了一次加密。而 WGS84 则是一种国际标准的坐标系。本文将详细讲解这三种坐标系的转换方法。

二、方法示例

1. GCJ02转WGS84

GCJ02坐标系是中国特有的加密坐标系,如果要在地图上展示WGS84坐标系的数据,需要进行坐标系转换。

function gcj02towgs84(lon, lat) {
  if (out_of_china(lon, lat)) {
    return [lon, lat]
  } else {
    var dlat = transformlat(lon - 105.0, lat - 35.0)
    var dlon = transformlng(lon - 105.0, lat - 35.0)
    var radlat = lat / 180.0 * Math.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) * Math.PI)
    dlon = (dlon * 180.0) / (a / sqrtmagic * Math.cos(radlat) * Math.PI)
    var mglon = lon + dlon
    var mlat = lat + dlat
    return [lon * 2 - mglon, lat * 2 - mlat]
  }
}

function transformlat(lon, lat) {
  var ret = -100.0 +
    2.0 * lon +
    3.0 * lat +
    0.2 * lat * lat +
    0.1 * lon * lat +
    0.2 * Math.sqrt(Math.abs(lon))
  ret += (20.0 * Math.sin(6.0 * lon * Math.PI) +
    20.0 * Math.sin(2.0 * lon * Math.PI)) * 2.0 / 3.0
  ret += (20.0 * Math.sin(lat * Math.PI) + 40.0 *
    Math.sin(lat / 3.0 * Math.PI)) * 2.0 / 3.0
  ret += (160.0 * Math.sin(lat / 12.0 * Math.PI) + 320 *
    Math.sin(lat * Math.PI / 30.0)) * 2.0 / 3.0
  return ret
}

function transformlng(lon, lat) {
  var ret = 300.0 + lon +
    2.0 * lat +
    0.1 * lon * lon +
    0.1 * lon * lat +
    0.1 * Math.sqrt(Math.abs(lon))
  ret += (20.0 * Math.sin(6.0 * lon * Math.PI) +
    20.0 * Math.sin(2.0 * lon * Math.PI)) * 2.0 / 3.0
  ret += (20.0 * Math.sin(lon * Math.PI) + 40.0 *
    Math.sin(lon / 3.0 * Math.PI)) * 2.0 / 3.0
  ret += (150.0 * Math.sin(lon / 12.0 * Math.PI) + 300.0 *
    Math.sin(lon / 30.0 * Math.PI)) * 2.0 / 3.0
  return ret
}

function out_of_china(lon, lat) {
  return (lon < 72.004 || lon > 137.8347 || lat < 0.8293 || lat > 55.8271)
}

var a = 6378245.0
var ee = 0.00669342162296594323

2. BD09toGCJ02

对于百度坐标系,我们可以先将其转换为火星坐标系,再进行其他转换。

function BD09toGCJ02(lon, lat) {
  var x = lon - 0.0065
  var y = lat - 0.006
  var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * X_PI)
  var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * X_PI)
  var gg_lng = z * Math.cos(theta)
  var gg_lat = z * Math.sin(theta)
  return [gg_lng, gg_lat]
}

var X_PI = Math.PI * 3000.0 / 180.0

3. WGS84toBD09

转换WGS84坐标成百度坐标系:

function WGS84toBD09(lon, lat) {
  var gcj02 = wgs84togcj02(lon, lat)
  var bd09 = GCJ02toBD09(gcj02[0], gcj02[1])
  return bd09
}

三、收尾

本篇文章详细讲解了三种不同坐标系之间的转换方法,包括 GCJ02 坐标系、BD09坐标系,以及 WGS84 坐标系。这些坐标系的转换在实际开发中比较常见,希望本文能够帮助到大家。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中火星坐标、百度坐标、WGS84坐标转换实现方法示例 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

    当谈到 JavaScript 的小技巧时,常见的技巧有短路求值、三元表达式等。但本文将介绍更多不常见的技巧,可以提高编码效率,减少代码量。 1. 使用 null 判断空值 当需要判断一个变量是否为空值时,我们通常会采用如下方式: if (x === ” || x === null || x === undefined) { // do something …

    JavaScript 2023年6月10日
    00
  • js常用的键盘事件有哪些(用法示例)_键码keyCode对照表

    下面就针对题目中提到的问题进行详细的讲解。 1. JS常用的键盘事件有哪些 在 JS 中,常用的键盘事件包括:keydown、keypress 和 keyup。它们分别表示键盘按下、按住不放和松开三个状态。其中,keydown 和 keyup 的响应速度比较快,但是无法获取到按住不放的过程;keypress 响应相对较慢,但能够获取按住不放的过程。一般情况下…

    JavaScript 2023年6月1日
    00
  • JavaScript实现抽奖器效果

    抽奖器效果是很常见的一种交互效果,下面就用 Markdown 格式给大家详细讲解一下如何使用 JavaScript 实现抽奖器效果。 准备工作 在实现抽奖器效果之前,我们需要先准备好以下工作: 在 HTML 页面中放置一个用于显示抽奖结果的元素,比如一个 span 标签。 准备好抽奖数据,可以是一个数组,每个元素表示一个奖品。 实现步骤 接下来就可以开始实现…

    JavaScript 2023年6月11日
    00
  • 灵活掌握asp.net中gridview控件的多种使用方法(上)

    关于“灵活掌握asp.net中gridview控件的多种使用方法(上)”,我将从以下几个方面进行详细讲解: GridView控件的基本使用 翻页、排序和筛选功能的实现 多表联合查询结果展示 多数据源联合查询结果展示 下面我们分别来详细讲解。 1. GridView控件的基本使用 GridView控件是ASP.NET中最常用的数据展示控件之一。其基本用法如下:…

    JavaScript 2023年6月11日
    00
  • JavaScript cookie的设置获取删除详解

    我可以为您详细讲解“JavaScript cookie的设置、获取、删除详解”的攻略。 什么是Cookie 在介绍Cookie设置、获取和删除之前,我们先来了解一下什么是Cookie。 Cookie,也称为Web Cookie或浏览器Cookie,指网站为了辨别用户身份,存储在用户本地终端(通常是浏览器)上的数据(通常经过加密)。 Cookie的组成 一个典…

    JavaScript 2023年6月11日
    00
  • JavaScript学习小结(7)之JS RegExp

    JavaScript学习小结(7)之JS RegExp 简介 RegExp是JavaScript中的一个正则表达式对象,用于匹配字符串中的对应字符序列。使用正则表达式可以轻松地检索符合特定模式的字符串,同时也可以将文本内容替换为不同的字符。 创建RegExp对象 有两种创建RegExp对象的方法:字面量和构造函数。 字面量创建RegExp对象 使用字面量创建…

    JavaScript 2023年6月10日
    00
  • 关于JavaScript数组你所不知道的3件事

    关于JavaScript数组你所不知道的3件事 本文将介绍三个在JavaScript中数组的使用中可能相对容易被忽视但实际上很有用的特性。 1. 数组长度不是只读属性 在JavaScript中,数组长度可以被更改,而且这并不会影响已经存在的元素。我们可以通过调用Array.prototype.length来获取数组长度,也可以通过设置该属性来更改数组长度。 …

    JavaScript 2023年5月18日
    00
  • javascript学习随笔(编写浏览器脚本 Navigator Scripting )

    JavaScript学习随笔(编写浏览器脚本 Navigator Scripting) 概述 Navigator对象在JavaScript中提供了许多有用的属性和方法,可以用于检测和操作浏览器。 在编写浏览器脚本时,Navigator对象的知识非常重要。 Navigator对象中的属性和方法 Navigator对象的属性 navigator.appCodeN…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部