Html5结合百度地图获取当前位置
2014-05-14 15:41
489 查看
这里我使用的百度地图JavaScript1.4版
直接代码伺候:
直接代码伺候:
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>获取当前位置</title> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function(event) { if(navigator.geolocation){ navigator.geolocation.getCurrentPosition( function(p){ var latitude=p.coords.latitude;//获取坐标点纬度 var longitude=p.coords.longitude;//获取坐标点经度 //以指定的经度与纬度创建一个坐标点 var po=new BMap.Point(longitude,latitude); //创建一个地理解析器 var geocoder=new BMap.Geocoder(); //获取位置 geocoder.getLocation(po,function(rs){ //获取地理组件 var addComp=rs.addressComponents; //获取省份 var province=addComp.province; //获取城市 var city=addComp.city; //获取区县 var district=addComp.district; //获取街道 var street=addComp.street; //获取街道号 var streetNumber=addComp.streetNumber; $("p").append(province+city+district+street+streetNumber);//将获取到的信息输出到页面 }); },function(e){ switch (e.code) { case e.TIMEOUT: alert("定位失败,请求获取用户位置超时"); break; case e.PERMISSION_DENIED: alert("您拒绝了使用位置服务功能,查询已取消"); break; case e.POSITION_UNAVAILABLE: alert("抱歉,暂时无法为您所在的星球提供位置服务"); break; case e.UNKNOWN_ERROR: alert("发生一个位置错误"); break; } },{ //指示浏览器获取高精度的位置,默认false enableHighAcuracy: true, //指定获取地理位置的超时时间,默认不限时,单位为毫秒 timeout:5000, //最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置 maximumAge:2000 } ); }else{ alert("不支持"); } }); }); </script> </head> <body> <button>获取</button> <p></p> </body> </html>
相关文章推荐
- HTML5获取当前地理位置并在百度地图上展示的实例
- 根据HTML5 获取当前位置的经纬度【百度地图】【高德地图】
- html5定位获取当前位置并在百度地图上显示
- HTML5 调用 GPSAPI 获取当前位置的坐标 显示在地图上(有包括百度地图与谷歌地图)
- HTML5获取当前地理位置并在百度地图上展示的实例
- html5定位获取当前位置并在百度地图上显示【转】
- 百度地图3.7.1获取当前的位置,并自定义自身位置的图标
- 百度地图实时获取当前位置坐标并实时定位
- 百度地图最新版本sdk使用系列(八)-获取当前地图中心点的经纬度并计算与当前位置的距离
- 通过百度地图获取当前位置坐标
- 百度地图---获取当前的位置返回的是汉字显示而不是经纬度
- C#微信结合百度api获取当前用户的地理位置
- 续【C#微信结合百度api获取当前用户的地理位置】代码详解
- HTML5 获取当前位置的经纬度
- Geolocation获取当前位置的经纬度在百度地图中就是比google地图中精确的原因 .
- html5——获取当前地理位置
- 百度地图Android SDK 2.0开发指南2-结合百度定位SDK在百度地图上显示当前位置
- 利用百度地图定位获取当前位置
- HTML5获取地理位置及百度地图展示实例
- [android] 百度地图开发 (三).定位当前位置及getLastKnownLocation获取location总为空问题