教程集 www.jiaochengji.com
教程集 >  前端编程  >  HTML5教程  >  正文 phonegap使用方法介绍(二)获取位置信息

phonegap使用方法介绍(二)获取位置信息

发布时间:2020-07-23   编辑:jiaochengji.com
教程集为您提供phonegap使用方法介绍(二)获取位置信息等资源,欢迎您收藏本站,我们将为您提供最新的phonegap使用方法介绍(二)获取位置信息资源
下面小编就为大家带来一篇使用phonegap获取位置信息的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实例如下:

<!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('code:' error.code '\n' 'message:' error.message '\n'); 
            } 
  
            //成功的回调  
            function onSuccess(position) { 
                alert('Latitude:' position.coords.latitude '\n'  
                'Longitude:' position.coords.longitude '\n'  
                'Altitude:' position.coords.altitude '\n'  
                'Accuracy:' position.coords.accuracy '\n'  
                'Altitude Accuracy:' position.coords.altitudeAccuracy '\n'  
                'Heading:' position.coords.heading '\n'  
                'Speed:' position.coords.speed '\n'  
                'Timestamp:' new Date(position.timeStamp) '\n'); 
            } 
        </script> 
    </head> 
  
    <body> 
        <button onclick="getPosition();">Start Watching</button> 
    </body> 
  
</html>

以上就是phonegap使用方法介绍(二)获取位置信息的详细内容,更多请关注教程集其它相关文章!

-->
  • 本文原创发布教程集,转载请注明出处,感谢您的尊重!
  • 您可能感兴趣的文章:
    phonegap使用方法介绍(二)获取位置信息
    phonegap使用方法介绍(六)获取设备的信息方法
    phonegap获取位置信息详解
    phonegap获取设备信息方法详解
    phpinfo()获取php服务器配置信息
    如何使用HTML5地理位置定位功能?
    php获取远程客户端真实ip地址
    phonegap的常用事件总结
    phonegap使用方法介绍(四)创建联系人
    phonegap使用方法介绍(一)查找联系人

    [关闭]
    ~ ~