1.js转换代码

  1 //转换常数
2 var x_pi = 3.14159265358979324 * 3000.0 / 180.0;
3 var pi = 3.14159265358979324;
4 var a = 6378245.0;
5 var ee = 0.00669342162296594323;
6
7 function transformLon(x, y) {
8 var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
9 ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
10 ret += (20.0 * Math.sin(x * pi) + 40.0 * Math.sin(x / 3.0 * pi)) * 2.0 / 3.0;
11 ret += (150.0 * Math.sin(x / 12.0 * pi) + 300.0 * Math.sin(x / 30.0 * pi)) * 2.0 / 3.0;
12 return ret;
13 };
14
15 function transformLat(x, y) {
16 var ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
17 ret += (20.0 * Math.sin(6.0 * x * pi) + 20.0 * Math.sin(2.0 * x * pi)) * 2.0 / 3.0;
18 ret += (20.0 * Math.sin(y * pi) + 40.0 * Math.sin(y / 3.0 * pi)) * 2.0 / 3.0;
19 ret += (160.0 * Math.sin(y / 12.0 * pi) + 320 * Math.sin(y * pi / 30.0)) * 2.0 / 3.0;
20 return ret;
21 }
22
23 function outOfChina(lat, lon) {
24 if (lon < 72.004 || lon > 137.8347)
25 return true;
26 if (lat < 0.8293 || lat > 55.8271)
27 return true;
28 return false;
29 }
30
31 /*
32 * WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块、天地图)
33 * GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用
34 * BD-09:百度坐标偏移标准,Baidu Map使用
35 */
36
37 /**
38 * wgLat 纬度
39 * wgLon 经度
40 * WGS-84 到 GCJ-02 的转换(即 GPS 加偏)
41 * */
42 function wgs_gcj_encrypts(wgLat, wgLon) {
43 var point={};
44 if (outOfChina(wgLat, wgLon)) {
45 point.lat=wgLat;
46 point.lng=wgLon;
47 return point;
48 }
49 var dLat = transformLat(wgLon - 105.0, wgLat - 35.0);
50 var dLon = transformLon(wgLon - 105.0, wgLat - 35.0);
51 var radLat = wgLat / 180.0 * pi;
52 var magic = Math.sin(radLat);
53 magic = 1 - ee * magic * magic;
54 var sqrtMagic = Math.sqrt(magic);
55 dLat = (dLat * 180.0) / ((a * (1 - ee)) / (magic * sqrtMagic) * pi);
56 dLon = (dLon * 180.0) / (a / sqrtMagic * Math.cos(radLat) * pi);
57 var lat = wgLat + dLat;
58 var lon = wgLon + dLon;
59 point.lat=lat;
60 point.lon=lon;
61 return point;
62 };
63
64
65 /**
66 * wgLat 纬度
67 * wgLon 经度
68 * BD-09转换GCJ-02
69 * 百度转google
70 * */
71 function bd_google_encrypt(bd_lat, bd_lon){
72 var point={};
73 var x = bd_lon - 0.0065;
74 var y = bd_lat - 0.006;
75 var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_pi);
76 var theta =Math.atan2(y, x) - 0.000003 * Math.cos(x * x_pi);
77 var gg_lon = z * Math.cos(theta);
78 var gg_lat = z * Math.sin(theta);
79 point.lat=gg_lat;
80 point.lon=gg_lon;
81 return point;
82 };
83
84
85 /**
86 * gg_lat 纬度
87 * gg_lon 经度
88 * GCJ-02转换BD-09
89 * Google地图经纬度转百度地图经纬度
90 * */
91 function google_bd_encrypt(gg_lat, gg_lon){
92 var point={};
93 var x = gg_lon;
94 var y = gg_lat;
95 var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * x_pi);
96 var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * x_pi);
97 var bd_lon = z * Math.cos(theta) + 0.0065;
98 var bd_lat = z * Math.sin(theta) + 0.006;
99 point.lat=bd_lat;
100 point.lon=bd_lon;
101 return point;
102 };

2.实例

 1    //从服务器获取的(硬件/谷歌)的经纬度
2 lngMy = Number(dataLocker.gps.lng);
3 latMy = Number(dataLocker.gps.lat);
4
5 //调用上面代码中的wgs_gcj_encrypts方法转成高德的经纬度
6 var point = wgs_gcj_encrypts(latMy,lngMy);
7
8 //刷新展示的手机端的高德地图上
9 latMy = point.lat.toFixed(6);
10 lngMy = point.lon.toFixed(6);
11 reLocate();

第二种:

转换插件:https://github.com/CntChen/tile-lnglat-transform

转载至: https://blog.csdn.net/baidu_40537062/article/details/102611713

js不同地图坐标系经纬度转换(天地图,高德地图,百度地图,腾讯地图)的更多相关文章

  1. JAVA 对接腾讯地图,经纬度转换

    package com.lvjing.util; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import org.spr ...

  2. 高德地图根据经纬度转换成地址JS代码demo

    <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content ...

  3. C#实现地图坐标系的转换(WGS-84、GCJ-02、BD-09)

     WGS-84坐标系:全球定位系统使用,GPS.北斗等 GCJ-02坐标系:中国地区使用,由WGS-84偏移而来 BD-09坐标系:百度专用,由GCJ-02偏移而来 (PS:源于项目需求,本来是想读图 ...

  4. GPS各种地图坐标系转换(转载)

    http://my.oschina.net/fankun2013/blog/338100 地图供应商比较多,产生了许多地图坐标.地图坐标正确转换是个问题.在之前开发地图应用的时候发现从WGS84坐标系 ...

  5. gps各种地图坐标系转换

    原文地址:https://my.oschina.net/fankun2013/blog/338100 地图供应商比较多,产生了许多地图坐标.地图坐标正确转换是个问题.在之前开发地图应用的时候发现从WG ...

  6. 百度地图api经纬度气死我了!

      百度地图api经纬度气死我了! 百度地图官网api中例子的经纬度.我测试了2天才好用.一直是不能用.坑死我了.原来是获取的经纬度.和实际调用的经纬度尽然是反的.调转过来就好用了.气死我了.弄了两天 ...

  7. 微信小程序--百度地图坐标转换成腾讯地图坐标

    最近开发小程序时出现一个问题,后台程序坐标采用的时百度地图的坐标,因为小程序地图时采用的腾讯地图的坐标系,两种坐标有一定的误差,导致位置信息显示不正确.现在需要一个可以转换两种坐标的方法,经过查询发现 ...

  8. php 腾讯地图和百度地图的相互转换

    关于百度和腾讯地图坐标转换的问题,网上大多给的是JS实现的,而JS又是异步实现的,无法返回值,在有些应用场景下不好使用,这里我从腾讯论坛上找到了一个PHP转换的方法,贴出来分享给大家.经测试十分有效! ...

  9. uniapp H5引入腾讯地图

    在网上搜索了许多关于uniapp引入腾讯地图的方法都以失败告终,我开发的应用主要使用于H5,小程序与H5是不同的sdk,就不在这说了,况且小程序有手把手教学,可参考腾讯地图官网https://lbs. ...

随机推荐

  1. Js实现随机某个li样式增加

    一.首先引入jquery  cdn   二.基础样式 三.目的 为了使随机某个li背后有个旋转的图片 四.核心代码 html代码: <div class="bg3"> ...

  2. C++//递增运算符重载

    1 #include <iostream> 2 #include <string> 3 using namespace std; 4 5 //重载递增运算符 6 7 //自定义 ...

  3. 移动端 CPU 的深度学习模型推理性能优化——NCHW44 和 Record 原理方法详解

    用户实践系列,将收录 MegEngine 用户在框架实践过程中的心得体会文章,希望能够帮助有同样使用场景的小伙伴,更好地了解和使用 MegEngine ~ 作者:王雷 | 旷视科技 研发工程师 背景 ...

  4. 1002 A+B for Polynomials (25分) 格式错误

    算法笔记上能踩的坑都踩了. #include<iostream> using namespace std; float a[1001];//至少1000个位置 int main(){ in ...

  5. MySQL-05-DDL/DCL/DML语句

    DDL数据定义语言 库定义 1 创建数据库 mysql> create database school; mysql> create schema sch; mysql> show ...

  6. Python3实现Two-Pass算法检测区域连通性

    技术背景 连通性检测是图论中常常遇到的一个问题,我们可以用五子棋的思路来理解这个问题五子棋中,横.竖.斜相邻的两个棋子,被认为是相连接的,而一样的道理,在一个二维的图中,只要在横.竖.斜三个方向中的一 ...

  7. 剑指 Offer 61. 扑克牌中的顺子

    剑指 Offer 61. 扑克牌中的顺子 从扑克牌中随机抽5张牌,判断是不是一个顺子,即这5张牌是不是连续的.2-10为数字本身,A为1,J为11,Q为12,K为13,而大.小王为 0 ,可以看成任意 ...

  8. RabbitMQ和Elasticsearch的使用笔记

    Demo介绍 学习rabbitmq和elasticsearch后的小练习,主要功能点介绍: 1.elasticsearch实现搜索.条件查询和分页: 2.搜索周边酒店信息 3.酒店竞价排名: 4.后台 ...

  9. WPF 绘图 和动画

    wpf 的动画:https://www.cnblogs.com/TianFang/p/4050845.html

  10. HashTable原理和底层实现

    1. 概述 上次讨论了HashMap的结构,原理和实现,本文来对Map家族的另外一个常用集合HashTable进行介绍.HashTable和HashMap两种集合非常相似,经常被各种面试官问到两者的区 ...