2016-08-03 5 views
1

私はjavascriptとCordovaが新しく、Visual Studio 2015で "CURRENT POSITION"をクリックするだけで現在の位置を取得する簡単なGPSアプリケーションを作成しようとしています。緯度と経度のNANを返すCordova Geolocation

Firefoxでテストすると動作しますが、ローカルマシンやリモートマシンで実行しようとすると動作しません。 (私は、Windows 10を使用して、パナソニックFZ-M1 Toughpadでテストしています。私は、約30秒後にローカル/リモートマシン上の緯度と経度のリターンNANを、それを実行すると。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> 
    <meta name="format-detection" content="telephone=no"> 
    <meta name="msapplication-tap-highlight" content="no"> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 
    <link rel="stylesheet" type="text/css" href="css/index.css"> 
    <script src="http://maps.google.com/maps/api/js?sensor=true"></script> 
    <title>gpsCordova</title> 
</head> 
<body> 
    <div class="app"> 
     <h1>Apache Cordova</h1> 
     <div id="deviceready" class="blink"> 
      <p class="event listening">Connecting to Device</p> 
      <p class="event received">Device is Ready</p> 
     </div> 
    </div> 
    <h2>Touch Me.</h2> 
    <button id="locationButton">CURRENT LOCATION</button><br> 
    <p id="Geolocation"></p> 

    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="scripts/platformOverrides.js"></script> 
    <script type="text/javascript" src="scripts/main.js"></script> 

</body> 

document.getElementById("locationButton").addEventListener("click", getLocation); 

var geoLoc = document.getElementById("Geolocation"); 
var geolocationOptions = { 
enableHighAccuracy: true, 
maximumAge: 3600000 
} 

function getLocation() { 
navigator.geolocation.getCurrentPosition(geolocationSuccess, geolocationError, geolocationOptions); 
} 

function geolocationSuccess(position) { 

geoLoc.innerHTML ="Latitude: " + position.coords.latitude + 
"<br>Longitude: " + position.coords.longitude + 
"<br>Accuracy: " + position.coords.accuracy + 
"<br>Altitude: " + position.coords.altitude + 
"<br>Altitude Accuracy: " + position.coords.altitudeAccuracy + 
"<br>Heading: " + position.coords.heading + 
"<br>Speed: " + position.coords.speed + 
"<br>Timestamp: " + position.coords.timestamp + "<br>"; 

} 

function geolocationError(error) { 
geoLoc.innerHTML = "Failure" + 
    "<br>error: " + error.name + 
    "<br>message: " + error.message; 
    } 

私が追加する他に何かわからないんだけど、誰もがこの問題での経験を持っているのですか?それとも私は自分のコードに欠けている何かがあるのでしょうか?あなたの助けのための

感謝。

+0

試験装置は、ジオロケーションを有効にしている場合、アプリがOSから正しいジオロケーション権限を持っている場合は、チェックしましたか? – jlapoutre

+0

はい、デバイスのジオロケーションが有効です。 私はあなたがアプリケーションから何を意味するのかは、OSからの正しいジオロケーションの許可を持っているのか分かりませんが、デバイス設定の下では、アプリケーションの場所の許可がオンになっています。私はアプリを実行するときに私は場所を共有するように促すときに「はい」を選択します。 – mmm121

+0

こんにちは@ mmm121のiOSの下で、各アプリはジオロケーションを使用することを確認する必要があります。Android v5以降でも同様です。私はこの許可がアプリに実際に与えられているかどうかを再確認しましたか(該当する場合)。さもなければ、コードは良く見えて、過去にCordovaでうまく使用したコードに似ています。 – jlapoutre

答えて