• 技术文章 >web前端 >H5教程

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

    零下一度零下一度2017-05-02 11:21:41原创546
    下面小编就为大家带来一篇使用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使用方法介绍(二)获取位置信息的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:phonegap 获取
    上一篇:phonegap使用方法介绍(一)查找联系人 下一篇:phonegap使用方法介绍(三)克隆和删除联系人
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 避免常见的六种HTML5错误用法 (5-6)• HTML5教程-Web存储• Html5 Canvas初探学习笔记(13) -图片变换• 开发人员所需要知道的HTML5性能分析面面观_html5教程技巧• 如何看待html5在移动端的未来?
    1/1

    PHP中文网