ホームページ > 記事 > ウェブフロントエンド > PhoneGapの使い方紹介(2)位置情報の取得
次のエディターは、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の使い方紹介(2)位置情報の取得の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。