【百度地图api】之获取当前用户地理位置-浏览器定位

    xiaoxiao2021-03-25  123

    1.通过html5 获取当前gps坐标,不过这种一般PC网页很多都不适用,一般用作手机网页

    HTML5 Geolocation API (地理位置应用程序接口)

    目前PC浏览器支持情况:

    Firefox 3.5+ Chrome 5.0+ Safari 5.0+ Opera 10.60+ Internet Explorer 9.0+

    手机支持情况:

    Android 2.0+ iPhone 3.0+ Opera Mobile 10.1+ Symbian (S60 3rd & 5th generation) Blackberry OS 6

    HTML5 - 使用地理定位

    请使用 getCurrentPosition() 方法来获得用户的位置。

    下例是一个简单的地理定位实例,可返回用户位置的经度和纬度。

    实例

    <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="Geolocation is not supported by this browser.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br />Longitude: " + position.coords.longitude; } </script>

    2.通过百度地图API去获取当前用户地理位置,不过一般都不能很精确的,百度地图的定位都是有偏移量的。

    // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,12);   var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ var mk = new BMap.Marker(r.point); map.addOverlay(mk); map.panTo(r.point); alert('您的位置:'+r.point.lng+','+r.point.lat); } else { alert('failed'+this.getStatus()); }         },{enableHighAccuracy: true})

    转载请注明原文地址: https://ju.6miu.com/read-25278.html

    最新回复(0)