基於瀏覽器的HTML5 Geolocation API (地理位置應用程序接口)查找地理位置

navigator.geolocation用於獲取基於瀏覽器的當前用戶地理位置,以下代碼用戶獲取用戶地理位置的經度和維度。

簡易代碼如下:

 <script type="text/javascript">
     /*獲取當前位置*/
    function getLocation(){
        /*設置參數*/
       var options={
           enableHighAccuracy:true,
           maximumAge:1000
       }
       // 判斷瀏覽器是否支持geolocation
       if(navigator.geolocation){
           //瀏覽器支持geolocation
           alert("瀏覽器支持!")
           // 獲取當前位置,成功是調用onSuccess函數,失敗時調用onError函數
           navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
           
       }else{
             //瀏覽器不支持geolocation
           alert("瀏覽器不支持!");
         
       }
    }
    //成功時
    function onSuccess(position){
       //返回用戶位置
       //經度
       var longitude =position.coords.longitude;
       //緯度
       var latitude = position.coords.latitude;
       var txt="你當前位置,經度爲"+longitude+",維度爲"+latitude;
       alert(txt);
    }
    //失敗時
    function onError(error){
       switch(error.code){
           case 1:
           alert("位置服務被拒絕");
           break;

           case 2:
           alert("暫時獲取不到位置信息");
           break;

           case 3:
           alert("獲取信息超時");
           break;

           case 4:
            alert("未知錯誤");
           break;
       }

    }
    window.οnlοad=getLocation;
 </script>

發佈了33 篇原創文章 · 獲贊 10 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章