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

下面是关于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日

相关文章

  • jsp+servlet简单实现上传文件功能(保存目录改进)

    下面我会详细讲解“jsp+servlet简单实现上传文件功能(保存目录改进)”的完整攻略。 1. 基本介绍 在Java Web开发中,如果需要实现文件上传功能,可以使用jsp+servlet技术实现。具体实现过程中需要用到JDK提供的multipart/form-data类型数据处理方式。下面我们来看看如何实现。 2. 实现步骤 一、创建html页面,页面中…

    JavaScript 2023年6月10日
    00
  • javascript中AJAX用法实例分析

    JavaScript中AJAX用法实例分析 AJAX(Asynchronous JavaScript And XML),即异步JavaScript与XML。JavaScript通过XMLHttpRequest对象来向服务器发异步请求,从服务器获得数据,并更新网页,而不用在页面加载时刷新整个页面。 AJAX的基本用法 创建XMLHttpRequest对象 XM…

    JavaScript 2023年6月11日
    00
  • js动态生成form 并用ajax方式提交的实现方法

    下面我将为你详细讲解“js动态生成form 并用ajax方式提交的实现方法”的完整攻略。 1. 创建Form表单 通过JavaScript代码创建一个空白的表单对象,可以通过以下方式: var form = document.createElement(‘form’); 接下来设置表单的相关属性,例如表单的方法、action、enctype等,示例代码如下:…

    JavaScript 2023年6月11日
    00
  • js如何获取对象在数组中的index

    获取数组中对象的下标(index)是JS开发中经常遇到的问题。以下是获取对象在数组中的index的完整攻略。 1. 使用for循环遍历数组 遍历数组中的对象,直到找到符合条件的对象,返回其下标。示例如下: const arr = [ { name: ‘张三’ }, { name: ‘李四’ }, { name: ‘王五’ }, ]; function get…

    JavaScript 2023年5月27日
    00
  • 基于PHP+Ajax实现表单验证的详解

    基于PHP+Ajax实现表单验证的详解 简介 本文将详细介绍如何使用PHP和Ajax实现表单验证。 在网站开发过程中,表单验证是非常必要且基础的一步。其中,前端表单验证可以提高用户体验,减少无效提交;后台表单验证则可以有效防范恶意攻击,保障网站安全。 在这篇文章中,我们将介绍如何使用PHP和Ajax实现后台表单验证。 表单验证方式 在开发过程中,表单验证分为…

    JavaScript 2023年6月10日
    00
  • JavaScript数组去重的几种方法

    JavaScript中的数组去重是一个比较常用的操作,本文将介绍几种常用的JavaScript数组去重方法,包括传统for循环、ES6 Set、Array.filter()、Array.reduce()和ES6 Map。 传统for循环 最常见的去重方法就是使用传统的for循环,基本思路是:遍历数组,将每一个元素与数组的其它元素进行比较,如果有重复的就将其删…

    JavaScript 2023年5月27日
    00
  • flvplayer.swf flv视频播放器使用方法

    下面是一份“flvplayer.swf flv视频播放器使用方法”的完整攻略,希望对您有所帮助。 概述 flvplayer.swf 是一种在网页上播放flv格式视频的工具,可以很好地支持flv视频的播放,并且提供了许多可定制化的选项,是一款非常实用的web视频播放工具。 安装 你可以在官方网站上下载最新版本的flvplayer.swf,并将其引用到你的HTM…

    JavaScript 2023年6月11日
    00
  • JavaScript实现同步于本地时间的动态时间显示方法

    这里是“JavaScript实现同步于本地时间的动态时间显示方法”的完整攻略。 1. 前言 在编写Web应用程序时,经常需要展示当前时间。如果使用静态时间,很可能无法与用户所在的时区同步,造成不必要的困扰。因此,我们需要一个动态时间显示方法,它可以动态地显示本地时间,并支持用户所在时区的变化。 2. 实现方法 在实现动态时间显示方法时,我们需要使用JavaS…

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