怎么HTML网页中获取百度地区显示用户网页获取当前地理坐标位置，并且显示出位置坐标点。

来源：蜘蛛抓取(WebSpider) 时间：2016-10-28 18:17 标签： 网页获取当前地理坐标
&&完java web端页面上输入别人的手机号,该页面如何实现百度地图显示该手机的位置坐标1.用户在javaweb端的页面上输入别人的手机号2.web端自动发送短信到当前输入手机号的手机上,索要该手机的地理位置坐标3.手机端发送经纬度坐标到数据库中4.web端从数据库中获取该手机号对应的经纬度坐标,经过坐标修偏后,显示出真实的百度地图位置5.百度API我有,可是连贯起来怎么做,我想要的是例子,包括android端的开发20个牛币所有回答列表(3)&LV4有很多开源的图片api可以让第三方app调用。百度搜索：如果你开发客户端app的话本身也可以通过第三方的地理位置服务得到用户的坐标，不需要用户输入，另外用户怎么知道自己的坐标呢？最佳答案web通过得到的经纬度,通过api的方式传给百度地图,定位到地图位置&LV1路过。。。。等等等等等等等等完等等完最热搜索问答话题编程语言基础Web开发数据库开发客户端开发脚本工具游戏开发服务器软硬件开源组件类库相关问答等等等等等等等完等完等等最近浏览暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级暂无贡献等级扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友本文转自：
在开发移动端 web 或者webapp时，使用百度地图 API 的过程中，经常需要通过手机定位获取当前位置并在地图上居中显示出来，这就需要用到html5的地理定位功能。
代码如下：
navigator.geolocation.getCurrentPosition(callback);
在获取坐标成功之后会执行回调函数 callback 方法的参数就是获取到的坐标点；然后可以初始化地图，设置控件、中心点、缩放等级，然后给地图添加point的overlay：
代码如下：
var map = new BMap.Map(&mapDiv&);//mapDiv为放地图的 div 的 id
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(point, 15);//point为坐标点，15为地图缩放级别，最大级别是 18
var pointMarker = new BMap.Marker(point);
map.addOverlay(pointMarker);
然而事实上这样还不够，显示出来的结果并不准，这是因为 getCurrentPosition 获取到的坐标是 GPS 经纬度坐标，而百度地图的坐标是经过特殊转换的，所以，在获取定位坐标和初始化地图之间需要进行一步坐标转换工作，该转换方法百度API里面已经提供了，转换一个点或者批量装换的方法均有提供：单个点转换需引用 /map/jsdemo/demo/convertor.js，批量转换需引用 /map/jsdemo/demo/changeMore.js，这里只需要前者即可：
代码如下：
BMap.Convertor.translate(gpsPoint, 0, callback);
//gpsPoint：转换前坐标，第二个参数为转换方法，0表示gps坐标转换成百度坐标，callback回调函数，参数为新坐标点
例子的详细代码如下：（引用中的ak是申请的key）
代码如下：
&!DOCTYPE html&
&html lang=&zh-cn&&
&meta name=&viewport& content=&initial-scale=1.0, user-scalable=no& /&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&&/title&
&style type=&text/css&&
height: 100%; //设置高度，不然会显示不出来
&script src=&/jquery-1.11.0.min.js&&&/script&
&script type=&text/javascript& src=&http://api./api?v=2.0&ak=··············&&&/script&
&script type=&text/javascript& src=&/map/jsdemo/demo/convertor.js&&&/script&
$(function(){
navigator.geolocation.getCurrentPosition(translatePoint); //定位
function translatePoint(position){
var currentLat = position.coords.
var currentLon = position.coords.
var gpsPoint = new BMap.Point(currentLon, currentLat);
BMap.Convertor.translate(gpsPoint, 0, initMap); //转换坐标
function initMap(point){
//初始化地图
map = new BMap.Map(&map&);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.centerAndZoom(point, 15);
map.addOverlay(new BMap.Marker(point))
&div id=&map&&&/div&
本人开发过程中觉得电脑的定位速度有点慢，经常无法获取坐标导致地图无法显示，建议用手机测试，定位较快。
当然了，如果仅是开发移动端的网页，就不需要使用jQuery，框架太大，可以换用其他轻量级的移动端的 js 框架。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：7738次
排名：千里之外
原创：16篇
转载：19篇
(2)(5)(1)(1)(2)(16)(4)(4)

我要回帖

更多关于 网页获取当前地理坐标 的文章

 

随机推荐