一、调用例子：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>coordTransform</title>

</head>

<body>

<h1>请按F12打开控制台查看结果</h1>

<script src="coordtransform.js"></script>

<script>

    //国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)

    //百度经纬度坐标转国测局坐标

    var bd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915);

//国测局坐标转百度经纬度坐标

var gcj02tobd09 = coordtransform.gcj02tobd09(116.404, 39.915);

//wgs84转国测局坐标

var wgs84togcj02 = coordtransform.wgs84togcj02(116.404, 39.915);

//国测局坐标转wgs84坐标

var gcj02towgs84 = coordtransform.gcj02towgs84(116.404, 39.915);

console.log(bd09togcj02);

console.log(gcj02tobd09);

console.log(wgs84togcj02);

console.log(gcj02towgs84);

//result

//bd09togcj02:   [ 116.39762729119315, 39.90865673957631 ]

//gcj02tobd09:   [ 116.41036949371029, 39.92133699351021 ]

//wgs84togcj02:  [ 116.41024449916938, 39.91640428150164 ]

//gcj02towgs84:  [ 116.39775550083061, 39.91359571849836 ]

</script>

</body>

</html>

　　

二、相关函数

coordtransform.js

/**

 * Created by Wandergis on 2015/7/8.

 * 提供了百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换

 * coordtransform.js

 */

//UMD魔法代码

// if the module has no dependencies, the above pattern can be simplified to

(function (root, factory) {

    if (typeof define === 'function' && define.amd) {

        // AMD. Register as an anonymous module.

        define([], factory);

    } else if (typeof module === 'object' && module.exports) {

        // Node. Does not work with strict CommonJS, but

        // only CommonJS-like environments that support module.exports,

        // like Node.

        module.exports = factory();

    } else {

        // Browser globals (root is window)

        root.coordtransform = factory();

    }

}(this, function () {

    //定义一些常量

    var x_PI = 3.14159265358979324 * 3000.0 / 180.0;

    var PI = 3.1415926535897932384626;

    var a = 6378245.0;

    var ee = 0.00669342162296594323;

    /**

     * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换

     * 即 百度 转 谷歌、高德

     * @param bd_lon

     * @param bd_lat

     * @returns {*[]}

     */

    var bd09togcj02 = function bd09togcj02(bd_lon, bd_lat) {

        var bd_lon = +bd_lon;

        var bd_lat = +bd_lat;

        var x = bd_lon - 0.0065;

        var y = bd_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]

    };

    /**

     * 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换

     * 即谷歌、高德 转 百度

     * @param lng

     * @param lat

     * @returns {*[]}

     */

    var gcj02tobd09 = function gcj02tobd09(lng, lat) {

        var lat = +lat;

        var lng = +lng;

        var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);

        var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);

        var bd_lng = z * Math.cos(theta) + 0.0065;

        var bd_lat = z * Math.sin(theta) + 0.006;

        return [bd_lng, bd_lat]

    };

    /**

     * WGS84转GCj02

     * @param lng

     * @param lat

     * @returns {*[]}

     */

    var wgs84togcj02 = 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]

        }

    };

    /**

     * GCJ02 转换为 WGS84

     * @param lng

     * @param lat

     * @returns {*[]}

     */

    var gcj02towgs84 = 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]

        }

    };

    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;

        var 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) {

        var lat = +lat;

        var lng = +lng;

        // 纬度3.86~53.55,经度73.66~135.05

        return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55);

    };

    return {

        bd09togcj02: bd09togcj02,

        gcj02tobd09: gcj02tobd09,

        wgs84togcj02: wgs84togcj02,

        gcj02towgs84: gcj02towgs84

    }

}));

　　

百度、高德、谷歌、火星、wgs84（2000）地图坐标相互转换的JS实现的更多相关文章

  1. （数据科学学习手札60）用Python实现WGS84、火星坐标系、百度坐标系、web墨卡托四种坐标相互转换

    一.简介 主流被使用的地理坐标系并不统一,常用的有WGS84.GCJ02(火星坐标系).BD09(百度坐标系)以及百度地图中保存矢量信息的web墨卡托,本文利用Python编写相关类以实现4种坐标系统 ...

  2. 百度坐标（BD09）、国测局坐标（火星坐标，GCJ02）、和WGS84坐标系之间的转换（JS版代码）

    /** * Created by Wandergis on 2015/7/8. * 提供了百度坐标(BD09).国测局坐标(火星坐标,GCJ02).和WGS84坐标系之间的转换 */ //定义一些常量 ...

  3. 百度和谷歌的逆地址解析及GPS、谷歌地图和百度地图坐标之间的转换（python版）

    #!/usr/bin/env python # coding:utf-8 # @author: KaiVen """ GPS坐标转换: WGS-84:是国际标准,GPS坐 ...

  4. python、js实现WGS84、高德（火星）、百度坐标转换

    在日常工作学习中常会涉及到WGS84.高德(火星/谷歌).百度三种空间坐标系的坐标转换,本文将通过python.js两种语言实现坐标系的转换. 坐标系说明: wgs84:为一种大地坐标系,也是目前广泛 ...

  5. 火星坐标、百度坐标、WGS-84坐标相互转换及墨卡托投影坐标转经纬度JavaScript版

    火星坐标 火星坐标是国家测绘局为了国家安全在原始坐标的基础上进行偏移得到的坐标,基本国内的电子地图.导航设备都是采用的这一坐标系或在这一坐标的基础上进行二次加密得到的.火星坐标的真实名称应该是GCJ- ...

  6. GPS定位为什么要转换处理？高德地图和百度地图坐标处理有什么不一样？

    GPS定位为什么要转换处理?高德地图和百度地图坐标处理有什么不一样? 先了解一下 高德地图 采用: GCJ-02 (不可逆) 百度百科: http://baike.baidu.com/link?url ...

  7. 基于MySQL + Node.js + Leaflet的离线地图展示，支持百度、谷歌、高德、腾讯地图

    1. 基本说明 本项目实现了离线展示百度.谷歌.高德.腾讯地图.主要功能如下: 实现了地图瓦片图下载.存储.目前支持存储至MySQL Node.js服务调用MySQL中的瓦片图 Leaflet展示地图 ...

  8. 微信JS-SDK坐标位置转换为百度地图坐标

    微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流 ...

  9. 时时获得高德地图坐标 http://lbs.amap.com/console/show/picker

    1.高德地图标注 在做开发时,或者做高德地图标注的时候,要用到高德地图的坐标,时时获得高德地图坐标 http://lbs.amap.com/console/show/picker 老的高德地图标注地址 ...

随机推荐

  1. 理解交叉熵(cross_entropy)作为损失函数在神经网络中的作用

    交叉熵的作用 通过神经网络解决多分类问题时,最常用的一种方式就是在最后一层设置n个输出节点,无论在浅层神经网络还是在CNN中都是如此,比如,在AlexNet中最后的输出层有1000个节点: 而即便是R ...

  2. linux上可代替ftp的工具rz和sz

    对于经常使用Linux系统的人员来说,少不了将本地的文件上传到服务器或者从服务器上下载文件到本地,rz / sz命令很方便的帮我们实现了这个功能,但是很多Linux系统初始并没有这两个命令,因此简单的 ...

  3. spring-boot-2.0.3源码篇 - filter的注册，值得一看

    前言 开心一刻 过年女婿来岳父家走亲戚,当时小舅子主就问:姐夫,你什么时候能给我姐幸福,让我姐好好享受生活的美好.你们这辈子不准备买一套大点的房子吗?姐夫说:现在没钱啊!不过我有一个美丽可爱的女儿,等 ...

  4. 从零搭建生产环境的ghost2.0博客

    当前安装过程是在ghost cli 1.9.2上的,由于ghost更新特别快,我安装我个人博客cmlanche.com的时候还是1.9.1,当时没碰到啥问题,到1.9.2就有一点点不一样了,所以要注意 ...

  5. [HEOI2016] 序列

    Description 有n个数,每个数有若干取值,但是只能在原数列的一个位置变换取值,求一个最长上升子序列,满足无论数列如何变化,这都是一个最长上升子序列. Solution 记录 \(l[i],r ...

  6. InnoDB存储引擎--Innodb Buffer Pool(缓存池)

    InnoDB存储引擎--Innodb Buffer Pool(缓存池) Innodb Buffer Pool的概念 InnoDB的Buffer Pool主要用于缓存用户表和索引数据的数据页面.它是一块 ...

  7. SQL不重复查找数据及把一列多行内容拼成一行

    如下表: 表名:Test ID RowID Col1 Col2 1 1 A A 2 1 B A 3 1 A B 4 1 C B 1,查找表中字段重复的只查找一次 select distinct Col ...

  8. Java中，类与类，类中的代码执行顺序

    代码的执行顺序如下: 1.一个类的静态代码块.构造代码块.构造方法的执行流程为: 静态代码块 > 构造代码块 > 构造方法 2.静态的内容是随着类的加载而加载,静态代码块的内容会优先执行 ...

  9. 使用idea创建一个maven工程

    使用idea创建一个maven工程 一.创建maven工程 二.输入工程名 三.指定maven仓库 四.点击finish 五.修改工程结构(file->project structure) 六. ...

  10. CSS之设置滚动条样式

    因为在现在的大部分项目中很多都用到了滚动条,有时候用到模拟的滚动条,现在说下滚动条的CSS也能解决. 比如网易邮箱的滚动条样子很好看,就是利用的CSS来设置的,而且是webkit浏览器的.如图所示: ...