高德地圖實現h5定位當前位置


    <script src="https://webapi.amap.com/maps?v=1.4.15&key=自己申請的應用的key"></script>




  mapObj = new AMap.Map('container');
mapObj.plugin('AMap.Geolocation', function (res) {
  console.log(res)
    geolocation = new AMap.Geolocation({
        enableHighAccuracy: true,//是否使用高精度定位,默認:true
        timeout: 10000,          //超過10秒后停止定位,默認:無窮大
        maximumAge: 0,           //定位結果緩存0毫秒,默認:0
        convert: true,           //自動偏移坐標,偏移后的坐標為高德坐標,默認:true
        showButton: true,        //顯示定位按鈕,默認:true
        buttonPosition: 'LB',    //定位按鈕停靠位置,默認:'LB',左下角
        buttonOffset: new AMap.Pixel(10, 20),//定位按鈕與設置的停靠位置的偏移量,默認:Pixel(10, 20)
        showMarker: true,        //定位成功后在定位到的位置顯示點標記,默認:true
        showCircle: true,        //定位成功后用圓圈表示定位精度范圍,默認:true
        panToLocation: true,     //定位成功后將定位到的位置作為地圖中心點,默認:true
        zoomToAccuracy:true      //定位成功后調整地圖視野范圍使定位位置及精度范圍視野內可見,默認:false
    });
    mapObj.addControl(geolocation);
    geolocation.getCurrentPosition();




    AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息
    AMap.event.addListener(geolocation, 'error', onError);      //返回定位出錯信息
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM