Introduction to how to use phonegap (2) Obtaining location information-H5 Tutorial-php.cn

Introduction to how to use phonegap (2) Obtaining location information

零下一度

Release： 2017-05-02 11:21:41

Original

1137 people have browsed it

The following editor will bring you an implementation method of using phonegap to obtain location information. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.

The examples are as follows:

<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="UTF-8"> 
        <title>Compass Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
                getPosition(); 
            } 
              
            //获取当前位置信息 
            function getPosition() { 
                navigator.geolocation.getCurrentPosition(onSuccess,onError); 
            } 
  
  
            //错误的回调  
            function onError(error) { 
                alert(&#39;code:&#39;+error.code+&#39;\n&#39;+&#39;message:&#39;+error.message+&#39;\n&#39;); 
            } 
  
            //成功的回调  
            function onSuccess(position) { 
                alert(&#39;Latitude:&#39;+position.coords.latitude+&#39;\n&#39;+ 
                &#39;Longitude:&#39;+position.coords.longitude+&#39;\n&#39;+ 
                &#39;Altitude:&#39;+position.coords.altitude+&#39;\n&#39;+ 
                &#39;Accuracy:&#39;+position.coords.accuracy+&#39;\n&#39;+ 
                &#39;Altitude Accuracy:&#39;+position.coords.altitudeAccuracy+&#39;\n&#39;+ 
                &#39;Heading:&#39;+position.coords.heading+&#39;\n&#39;+ 
                &#39;Speed:&#39;+position.coords.speed+&#39;\n&#39;+ 
                &#39;Timestamp:&#39;+new Date(position.timeStamp)+&#39;\n&#39;); 
            } 
        </script> 
    </head> 
  
    <body> 
        <button onclick="getPosition();">Start Watching</button> 
    </body> 
  
</html>

Copy after login

The above is the detailed content of Introduction to how to use phonegap (2) Obtaining location information. For more information, please follow other related articles on the PHP Chinese website!