利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了。这里分享一个制作的JS可以实现登录网页后定位:
& lt;脚本type=" text/javascript祝辞 var地图; var gpsPoint; var baiduPoint; var gpsAddress; var baiduAddress; var x; var y; 函数getLocation () {//根据IP获取城市 var myCity=new BMap.LocalCity (); myCity.get (getCityByIP);//获取GPS坐标 如果(navigator.geolocation) { navigator.geolocation。getCurrentPosition (showMap handleError, {enableHighAccuracy:真maximumAge: 1000}); 其他}{ alert("您的浏览器不支持使用HTML 5来获取地理位置服务”); } } 函数showMap(价值){ 经度var=value.coords.longitude; var=value.coords.latitude纬度; 地图=new BMap.Map(“地图”); x=纬度; y=经度;//警报(“坐标经度为:" +空间+”,纬度为:" +经度); 新BMap gpsPoint=5?经度、纬度);//创建点坐标//根据坐标逆解析地址 var geoc=new BMap.Geocoder (); geoc。getLocation (gpsPoint getCityByCoordinate); BMap.Convertor。翻译(gpsPoint 0 translateCallback); map.enableScrollWheelZoom(真正的); } translateCallback=function(点){ baiduPoint=点; 地图。centerAndZoom (baiduPoint, 18); var geoc=new BMap.Geocoder (); geoc。getLocation (baiduPoint getCityByBaiduCoordinate); } 函数getCityByCoordinate (rs) { gpsAddress=rs.addressComponents; var地址=" GPS标注:“+ gpsAddress。省+”、“+ gpsAddress。城市+”、“+ gpsAddress。区+”、“+ gpsAddress。街+”、“+ gpsAddress.streetNumber; var=new BMap.Marker标志(gpsPoint);//创建标注 map.addOverlay(标记);//将标注添加到地图中 新BMap var labelgps=1昵?地址,{抵消:新BMap。大小(-10)}); marker.setLabel (labelgps);//添加GPS标注 } 函数getCityByBaiduCoordinate (rs) { baiduAddress=rs.addressComponents; var地址="百度标注:“+ baiduAddress。省+”、“+ baiduAddress。城市+”、“+ baiduAddress。区+”、“+ baiduAddress。街+”、“+ baiduAddress.streetNumber; var=new BMap.Marker标志(baiduPoint);//创建标注 map.addOverlay(标记);//将标注添加到地图中 新BMap var labelbaidu=1昵?地址,{抵消:新BMap。大小(-10)}); marker.setLabel (labelbaidu);//添加百度标注 }//根据IP获取城市 函数getCityByIP (rs) { var cityName=rs.name; alert("根据IP定位您所在的城市为:" + cityName); } 函数handleError(价值){ 开关(value.code) { 案例1: alert("位置服务被拒绝”); 打破; 案例2: alert("暂时获取不到位置信息”); 打破; 案例3: alert("获取信息超时”); 打破; 案例4: alert("未知错误”); 打破; } } init()函数{ getLocation (); } 窗口。onload=初始化; & lt;/script>
完成定位功能后可以添加相关代码编辑地图控件覆盖物信息窗口等等各种功能。
附上百度地图连接:http://lbsyun.baidu.com/
以上这篇利用百度地图API获取当前位置信息的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。