下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家，也给大家做个参考。
<!DOCTYPE HTML><HTML lang="en"><head> <Meta charset="UTF-8"> <Title>HTML5定位</Title> <script type="text/JavaScript" src="http://lib.sinaapp.com/Js/jquery/1.7.2/jquery.min.Js"></script> <script type="text/JavaScript" src="http://API.map.baIDu.com/API?v=2.0&ak=wqBXfIN3HkpM1AHKWujjCdsi"></script> <script type="text/JavaScript" src="http://developer.baIDu.com/map/Jsdemo/demo/convertor.Js"></script> <style type="text/CSS"> *{ margin: 0px; padding: 0px;} body{text-align: center; height: 100%;overflow:hidden;} #allmap{ wIDth: 100%;height: 100%; position: absolute;} </style></head><body> <div ID="allmap"></div><script type="text/JavaScript"> $(function(){ if(supportsGeolocation()){ alert("你的浏览器支持 Geolocation."); }else{ alert("不支持 Geolocation.") } // 检测浏览器是否支持HTML5 function supportsGeolocation(){ return !!navigator.geolocation; } // 单次位置请求执行的函数 function getLocation(){ navigator.geolocation.getCurrentposition(mAPIt,locationError); } //定位成功时，执行的函数 function mAPIt(position){ var lon = position.coords.longitude; var lat = position.coords.latitude; // alert("您位置的经度是："+lon+" 纬度是："+lat); var map = new BMap.Map("allmap"); var point = new BMap.Point(""+lon+"",""+lat+""); map.centerandZoom(point,19); var gc = new BMap.Geocoder(); translateCallback = function (point){ var marker = new BMap.Marker(point); map.addOverlay(marker); map.setCenter(point); gc.getLocation(point,function(rs){ var addComp = rs.addressComponents; if(addComp.province!==addComp.city){ var sContent = "<div><h4 style='margin:0 0 5px 0;padding:0.2em 0'>你当前的位置是：</h4>" + "<p style='margin:0;line-height:1.5;Font-size:13px;text-indent:2em'>"+addComp.province + "," + addComp.city + "," + addComp.district + "," + addComp.street + "," + addComp.streetNumber+"</p>" + "</div>";} else{ var sContent = "<div><h4 style='margin:0 0 5px 0;padding:0.2em 0'>你当前的位置是：</h4>" + "<p style='margin:0;line-height:1.5;Font-size:13px;text-indent:2em'>"+ addComp.city + "," + addComp.streetNumber+"</p>" + "</div>"; } var infoWindow = new BMap.InfoWindow(sContent); map.openInfoWindow(infoWindow,point); }); } BMap.Convertor.translate(point,translateCallback); } // 定位失败时，执行的函数 function locationError(error) { switch(error.code) { case error.PERMISSION_DENIED: alert("User denIEd the request for Geolocation."); break; case error.position_UNAVAILABLE: alert("Location information is unavailable."); break; case error.TIMEOUT: alert("The request to get user location timed out."); break; case error.UNKNowN_ERROR: alert("An unkNown error occurred."); break; } } // 页面加载时执行getLocation函数 window.onload = getLocation; })</script></body></HTML> 以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的利用HTML5定位功能，实现在百度地图上定位全部内容，希望文章能够帮你解决利用HTML5定位功能，实现在百度地图上定位所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）