高德开发平台 JS API 官网

自定义经纬度转换
// 要先在页面中引入 WGS84_to_GCJ02.js 才能使用 WGS84_to_GCJ02() 方法
function GPSchange(lngX, latY) {var gpsJson = new WGS84_to_GCJ02().transform(parseFloat(lngX),parseFloat(latY));return gpsJson;
}
// WGS84_to_GCJ02.js
var WGS84_to_GCJ02 = function() {}WGS84_to_GCJ02.prototype.a = 6378245.0;WGS84_to_GCJ02.prototype.ee = 0.00669342162296594323;WGS84_to_GCJ02.prototype.transform = function(wgLat, wgLon) {if (this.outOfChina(wgLat, wgLon)) {return [wgLat, wgLon];}dLat = this.transformLat(wgLon - 105.0, wgLat - 35.0);dLon = this.transformLon(wgLon - 105.0, wgLat - 35.0);radLat = wgLat / 180.0 * Math.PI;magic = Math.sin(radLat);magic = 1 - this.ee * magic * magic;sqrtMagic = Math.sqrt(magic);dLat = (dLat * 180.0) / ((this.a * (1 - this.ee)) / (magic * sqrtMagic) * Math.PI);dLon = (dLon * 180.0) / (this.a / sqrtMagic * Math.cos(radLat) * Math.PI);mgLat = wgLat + dLat;mgLon = wgLon + dLon;return [mgLat, mgLon];};WGS84_to_GCJ02.prototype.outOfChina = function(lat, lon) {if (lon < 72.004 || lon > 137.8347)return true;if (lat < 0.8293 || lat > 55.8271)return true;return false;};WGS84_to_GCJ02.prototype.transformLat = function(x, y) {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));ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;ret += (20.0 * Math.sin(y * Math.PI) + 40.0 * Math.sin(y / 3.0 * Math.PI)) * 2.0 / 3.0;ret += (160.0 * Math.sin(y / 12.0 * Math.PI) + 320 * Math.sin(y * Math.PI / 30.0)) * 2.0 / 3.0;return ret;};WGS84_to_GCJ02.prototype.transformLon = function(x, y) {var ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));ret += (20.0 * Math.sin(6.0 * x * Math.PI) + 20.0 * Math.sin(2.0 * x * Math.PI)) * 2.0 / 3.0;ret += (20.0 * Math.sin(x * Math.PI) + 40.0 * Math.sin(x / 3.0 * Math.PI)) * 2.0 / 3.0;ret += (150.0 * Math.sin(x / 12.0 * Math.PI) + 300.0 * Math.sin(x / 30.0 * Math.PI)) * 2.0 / 3.0;return ret;};
高德自带

new AMap.LngLat(lng, lat);

拓展:在使用高德地图API开发时遇到的问题

获取和设置zoom级别和中心点
双击可以调整高德地图的级别
zoom 改变初始地图的级别,zoom值越高,相当于鼠标双击放大,内容越详细,范围越小
center 改变初始地图的中心点,是一个数组,包含经纬度。

getZoom() 获取级别
getCenter() / getCenter().toString() 获取中心点

setZoom(zoomVal.value) 设置地图级别
setCenter([ xVal.value, yVal.value ]) 设置地图中心点
setZoomAndCenter(zoomVal.value,[xVal.value,yVal.value]) 同时设置zoom和center

// 监听地图移动停止事件
map.on("moveend",function(){console.log(map.getZoom());//获取级别console.log(map.getCenter().toString());//获取中心点
})// 双击结束事件,改变级别事件
map.on("zoomend",function(){……})

使用高德地图做经纬度转换( 把GPS 转高德的经纬度 )相关推荐

  1. python做地图导航_「Python」利用高德地图做你想做之事

    玩grasshopper基本上都知道OpenStreetMap 这个地图网站,毕竟有一个好用的地图插件,可以在Rhino中绘制出所需,但是一个不好的地方就在于国内的数据量太少,无法满足我们的需求. 此 ...

  2. python做地图导航_【Python】利用高德地图做你想做之事

    原标题:[Python]利用高德地图做你想做之事 [版权声明] 作者:CPF 如需转载请联系CPF 如有侵权请联系大水牛平台 玩grasshopper基本上都知道OpenStreetMap 这个地图网 ...

  3. 【VUE】【高德地图】如何隐藏(去除)高德地图api左下角logo

    问题背景: 高德地图]如何隐藏(去除)高德地图api左下角logo,网上找到很多方案比如: amap-logo{display: none;//去掉高德地图logo } .amap-copyright ...

  4. Mysql 高德转天地图经纬度sql ,高德地图GCJ-02火星坐标系与GPS的WGS-84坐标系转换

    -- mysql高德转天地图 SELECT -- 经度 xlongitude * 2 -(xlongitude +(((300.0 + (xlongitude - 105.0) + 2.0 * (yl ...

  5. 高德地图GCJ-02火星坐标系与GPS的WGS-84坐标系转换公式(Java)

    在国内,我们使用高德地图所获取的经纬度由于保密原因实际上经过了加偏处理 所以需要从国测局(GCJ02)坐标转换成基于WGS-84坐标系的GPS坐标 可在Android项目中直接使用,已经经过本人检验, ...

  6. android gps 火星坐标,高德地图GCJ-02火星坐标系与GPS的WGS-84坐标系转换公式(安卓)...

    最新做demo 使用自带的Location 自动跑点经纬度, 发现一个问题 安卓自带的Location是 WGS84 的经纬度 而高德却是GCJ-02 有了以下代码: //输入GCJ经纬度 转WGS纬 ...

  7. 大疆坐标系和高德地图坐标系之间转换的问题

    目前各种坐标系非常多,他们之间的转换就是个比较麻烦的问题.之前有个问题,就是大疆的坐标系在高德地图上显示发生了偏移,但是好在高德地图提供了坐标转换的API,但是新的问题来了,大疆的坐标适应了高德的坐标 ...

  8. vue 高德地图搜索功能_VUE中使用高德地图做轨迹添加功能,帮助轨迹展示

    准备工作 使用前准备 : 高德地图key 使用插件: vue-amap 1.npm安装vue-amap npm install vue-amap --save import AMap from 'vu ...

  9. 「Python」利用高德地图做你想做之事

    玩grasshopper基本上都知道OpenStreetMap 这个地图网站,毕竟有一个好用的地图插件,可以在Rhino中绘制出所需,但是一个不好的地方就在于国内的数据量太少,无法满足我们的需求. 此 ...

最新文章

  1. 转载sunboy_2050 - Android APK反编译详解(附图)
  2. 第五个页面:更多电影页面
  3. ubuntu安装snort
  4. 网上教育能改变教育不公平的现状吗?
  5. 数据结构之图:有向图的拓扑排序,Python代码实现——26
  6. python命名实体识别工具_Day14:使用斯坦福 NER 软件包实现你自己的命名实体识别器(Named Entity Recognition,NER)...
  7. 试戴系统完全开放—zoomla!逐浪cms在后4.6时代的又一个亮点
  8. Android【报错】Description Resource Path Location Type AndroidManifest.xml file missing!
  9. 【Java练习题】Java 程序的输出 | 第十一套(含解析)
  10. dreamweaver序列号免费_dreamweaver8【dreamweaver8序列号】dreamweaver8注册码序列号简体中文版...
  11. qgis打开shp数据_关于QGIS打开SHP文件属性表乱码
  12. 微软智能云Azure在华新增数据中心区域正式启用
  13. android 日期转星座,日期匹配星座,月日匹配星座,android 星座
  14. 通过时间序列分析预测未来广州的空气质量指数变化
  15. Dplayer Html5 弹幕视频播放器的实现
  16. 浏览器打开JSP文件只显示源代码的问题
  17. 微信小程序手把手教你实现类似Android中ViewPager控件效果
  18. arm-linux平台的锐捷认证工具Mentohust移植
  19. Android Studio实现简单的健身系统,一起锻炼身体吧
  20. 网络安全:对于小白白的学习建议以及自己的学习计划

热门文章

  1. Java设计模式第一章(软件设计原则)(学习笔记)
  2. 骚操作 | 2秒教你用微信远程控制电脑,Get~
  3. 【STM32项目】老人健康跌倒检测系统实现
  4. iOS KVC和KVO
  5. 7-8 浪漫侧影 (25 分)
  6. 必应每日一图php,自建必应每日一图API接口
  7. 山东省计算机应用能力等级考试,山东省2017年9月全国计算机等级考试报名时间...
  8. TCP/UDP常用端口及对应服务列表
  9. h5php大转盘抽奖,html5的非常简单圆形转盘抽奖代码
  10. HTML5前端开发入门之H系列标签,P标签和Hr标签