百度地图坐标查询（真实坐标）

因为百度地图使用的是自己加密之后的坐标系，所以和网络上常用的WGS84坐标系有较大的偏差，不过百度地图API有现成的转换方法直接用就是，代码如下

1.添加坐标查询方法

     theLocation(){if(document.getElementById("lng").value != "" && document.getElementById("lat").value != ""){window.map.clearOverlays();var new_point = new BMapGL.Point(document.getElementById("lng").value,document.getElementById("lat").value);//坐标转换完之后的回调函数let translateCallback = function (data){console.log(data);if(data.status === 0) {var marker = new BMapGL.Marker(data.points[0]);window.map.addOverlay(marker);//var label = new BMapGL.Label("转换后的百度标注（正确）",{offset:new BMapGL.Size(20,-10)});// marker.setLabel(label); //添加百度labelwindow.map.setCenter(data.points[0]);}}setTimeout(function(){var convertor = new BMapGL.Convertor();var pointArr = [];pointArr.push(new_point);//console.log(new_point);// console.log(pointArr);convertor.translate(pointArr, COORDINATES_GCJ02, COORDINATES_BD09, translateCallback)}, 1000);}
}

逻辑就是先把实际坐标转成百度坐标，然后在地图上展示

div及css

    <div  id='result'>经度: <input id="lng" type="text"/>纬度: <input id="lat" type="text"/><button @click="theLocation">查询</button></div>

    #result{padding: 7px 10px;position: fixed;top: 15rem;left: 20px;width: 450px;background: #fff;box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);border-radius: 7px;z-index: 99;}#result input{width:130px;margin-right:10px;height:25px;border: 1px solid rgba(27, 142, 236, 0.5);border-radius: 5px;}#result button{border: 1px solid rgba(27, 142, 236, 0.5);border-radius: 5px;background: rgba(27, 142, 236, 0.5);color: #fff}.info {z-index: 999;width: auto;min-width: 22rem;padding: .75rem 1.25rem;margin-left: 1.25rem;position: fixed;top: 10rem;background-color: #fff;border-radius: .25rem;font-size: 14px;color: #666;box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);}#r-result button{border: 1px solid rgba(27, 142, 236, 0.5);border-radius: 5px;background: rgba(27, 142, 236, 0.5);color: #fff}

百度地图坐标查询（真实坐标）相关推荐

gps两点距离 php,PHP应用：PHP计算百度地图两个GPS坐标之间距离的方法
<PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法>要点: 本文介绍了PHP应用:PHP计算百度地图两个GPS坐标之间距离的方法,希望对您有用.如果有疑问,可以联系我们. 本文实 ...
php 地图距离,PHP计算百度地图两个GPS坐标之间距离的方法
这篇文章主要介绍了PHP计算百度地图两个GPS坐标之间距离的方法,是针对百度地图接口开发的典型应用,需要的朋友可以参考下本文实例讲述了PHP计算百度地图两个GPS坐标之间距离的方法.分享给大家供大家 ...
通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息
通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...
根据ip获取经纬度_PHP使用百度地图获取指定地址坐标：创建AK（图文+视频）
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之创建AK(api key)的方法. 我们在前面的文章[PHP使用腾讯地图获取指定地址坐标:创建key][PHP使用腾讯地图获取指定地址坐标:经 ...
根据php经纬度百度地图打点,PHP使用百度地图获取指定地址坐标：经纬度（图文+视频）...
本篇文章主要给大家介绍PHP使用百度地图获取指定地址坐标之经纬度的实现方法. 在之前的文章[PHP使用百度地图获取指定地址坐标:创建AK]中,已经给大家介绍了如何在百度地图开放平台中创建AK(api ...
百度地图经纬度和像素坐标互转
百度地图经纬度和像素坐标互转 1.经纬度转像素坐标 // 投影实例 const projection = map.getMapType().getProjection()// 地图div宽高 cons ...
根据两个经纬度点调用百度地图应用查询路线适用android或者ios中及网页浏览(手机网页同样适用)
Intent intent = null;try {// 如果有安装百度地图就启动百度地图StringBuffer sbs = new StringBuffer();sbs.append(" ...
android gps 火星坐标,GPS真实坐标与火星地图坐标/百度地图坐标的转换
#include #include #include static const uint32_t GPSBaud = 9600; TinyGPSPlus gps; HardwareSerial ss( ...
android 百度地图获取两个坐标的实际路线距离
12.2 青岛晴前些天看了下百度地图的api,找到了几个不错的方法,拿出来分享下,导百度地图的jar包后项目较大,没法上传csdn,想要源码的留邮箱. 百度地图有个导航功能,可以获取到两个 ...
百度地图批量转换 GPS坐标转百度地图坐标问题
百度地图的官方网址官方批量转换的demo 花了几天时间了解了一下百度地图,之前是后端的一个小伙伴在负责,他跟我吐槽这是前端的东西,让我来写(之前他们老大交给他了,我也以为是后端的任务(๑′ᴗ‵๑). ...

百度地图坐标查询（真实坐标）

因为百度地图使用的是自己加密之后的坐标系，所以和网络上常用的WGS84坐标系有较大的偏差，不过百度地图API有现成的转换方法直接用就是，代码如下

1.添加坐标查询方法

div及css

百度地图坐标查询（真实坐标）相关推荐

最新文章

热门文章