0

私はアンドロイドでそれをやったが、今は電話ギャップを介してアプリを構築する必要があり、デバイスにマップをロードし、デバイスの現在の位置座標(緯度と経度)を取得する必要がある.

だから私は今JavaScriptコードを持っている必要があり、率直に言って、私は今のところJavaスクリプトにあまり慣れていません.コード/ヘルプ.

これは、マップを表示している私のコードです

ありがとう

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
  src="http://maps.googleapis.com/maps/api/js?key*****************&sensor=true">
</script>
<script type="text/javascript">
  function initialize() {
    var myOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

「*」の代わりに、Google APIキーを持っています..

次に、座標を取得する必要があります…</p>

リンクhttp://docs.phonegap.com/en/1.0.0/phonegap_geolocation_geolocation.md.htmlから取得したこのコードを変更して現在使用していますが、それでもこのエラー「KCLErrorDomain Error 0」が発生しています

<!DOCTYPE html>
<html>
<head>
    <title>Device Properties Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
    <script type="text/javascript" charset="utf-8">

        document.addEventListener("deviceready", onDeviceReady, false);

        var watchID = null;


        function onDeviceReady() {

            var options = { frequency: 5000 };
            watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
        }


        function onSuccess(position) {
            var element = document.getElementById('geolocation');
            element.innerHTML = 'Latitude: '  + position.coords.latitude      + '<br />' +
            'Longitude: ' + position.coords.longitude     + '<br />' +
            '<hr />'      + element.innerHTML;
        }


        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }

        </script>
</head>
<body>
    <p id="geolocation">locating coordinates...</p>
</body>
</html>

このエラーを解決する方法がわかりません...phonegapアプリの開発にxcode 4.0.1を使用し、4.3シミュレーターで実行しようとしています..

4

1 に答える 1

1

ジオロケーションに関するPhoneGapドキュメント(http://docs.phonegap.com/en/1.0.0/phonegap_geolocation_geolocation.md.html)からの引用:

ジオロケーションは、緯度や経度など、デバイスの位置情報を提供します。位置情報の一般的なソースには、全地球測位システム(GPS)と、IPアドレス、RFID、WiFi、Bluetooth MACアドレス、GSM/CDMAセルIDなどのネットワーク信号から推測される位置が含まれます。APIがデバイスの実際の場所を返すという保証はありません。

このAPIは、W3C GeolocationAPI仕様に基づいています。一部のデバイスは、この仕様の実装をすでに提供しています。これらのデバイスでは、PhoneGapの実装に置き換える代わりに、組み込みのサポートが使用されます。ジオロケーションをサポートしていないデバイスの場合、PhoneGapの実装はW3C仕様と互換性がある必要があります。

したがって、基本的には、PhoneGapの違いを気にすることなくHTML5GeolocationAPIを使用できます。ユーザーの位置を一度取得したい場合はを使用navigator.geolocation.getCurrentPosition()し、定期的にユーザーの位置を送信したい場合は、を使用しますnavigator.geolocation.watchPosition()

navigator.geolocation.watchPosition(locationSuccess, locationError, {timeout: 30000});

function locationSuccess(position)
{
    // this is your position as a LatLng object. use it however you need
    var latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
}

function locationError(err)
{
    if (err.code == 1)
        alert("You must allow this website to use the Geolocation API to access your position.");
    else if (err.code == 3)
        alert("Unfortunately, your position request timed out.");
    else
        alert("Unfortunately, your position could not be determined.");
}
于 2012-07-06T16:33:20.410 に答える