Rumah > hujung hadapan web > tutorial js > js获取GPS的坐标的方法代码

js获取GPS的坐标的方法代码

不言
Lepaskan: 2018-08-15 17:49:33
asal
3293 orang telah melayarinya

本篇文章给大家带来的内容是关于js获取GPS的坐标的方法代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

不多废话,直接上代码吧

1.这个比较简单

 function getLocation(){
        if(navigator.geolocation){        
        //判断是否有这个对象
            navigator.geolocation.getCurrentPosition(function(pos){
                console.log("经度:"+pos.coords.longitude+                
                "纬度:"+pos.coords.latitude)
            })
        }else{
            console.log("当前系统不支持GPS API")
        }
    }
Salin selepas log masuk

2.比较全面的,其实没必要,看个人喜好吧

function getLocation(){
       var options={
           enableHighAccuracy:true, 
           maximumAge:1000
       }       if(navigator.geolocation){           
       //浏览器支持geolocation
           // alert("浏览器支持geolocation");
           navigator.geolocation.getCurrentPosition(onSuccess,onError,options);

        }else{            
        //浏览器不支持geolocation
            alert("浏览器不支持geolocation");
        }
  }
Salin selepas log masuk

获取成功时

 function onSuccess(pos){
        console.log("经度:"+pos.coords.longitude+                
        "纬度:"+pos.coords.latitude)
 }
Salin selepas log masuk

获取失败时,这个错误故意写得详细点,让你明白为什么失败

function onError(error){
               switch(error.code){                   
               case 1:
                   alert("位置服务被拒绝");                   
                   break;                   
                   case 2:
                   alert("暂时获取不到位置信息");                   
                   break;                   
                   case 3:
                   alert("获取信息超时");                   
                   break;                  
                    case 4:
                    alert("未知错误");                   
                    break;
               }

           }
Salin selepas log masuk

相关推荐:

PHP计算百度地图两个GPS坐标之间距离的方法,gps坐标

在页面中js获取光标/鼠标的坐标及光标的像素坐标_javascript技巧

Atas ialah kandungan terperinci js获取GPS的坐标的方法代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan