1

4 つのオフィスや建物がある診療所のモバイル アプリを作成しています。4 つの場所すべてをマークする Google マップを作成し、ユーザーが各場所への道順を取得するオプションを提供したいと考えています。

このアプリは Phonegap と Jquery モバイルで構築しています。これまでに見つけた最も近いものは次のとおりです: Direction example。

また、GPS が有効になっている場合、または地理位置情報を使用している場合は、「from」フィールドのデフォルトをユーザーの位置にしたいと思います。

これを行うための一般的な方法は何ですか (ユーザビリティの観点から)? また、私が参照できるリソースを知っていますか?

4

2 に答える 2

1

プロジェクトで gps を使用するには、以下のコードを使用できます。

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition( 

    function (position) {  

    // Did we get the position correctly?
    // alert (position.coords.latitude);

    // To see everything available in the position.coords array:
    // for (key in position.coords) {alert(key)}

    mapServiceProvider(position.coords.latitude,position.coords.longitude);

    }, 
    // next function is the error callback
    function (error)
    {
        switch(error.code) 
        {
            case error.TIMEOUT:
                alert ('Timeout');
                break;
            case error.POSITION_UNAVAILABLE:
                alert ('Position unavailable');
                break;
            case error.PERMISSION_DENIED:
                alert ('Permission denied');
                break;
            case error.UNKNOWN_ERROR:
                alert ('Unknown error');
                break;
        }
    });
}

hereまたはphonegap docsで見つけることができます 。場所がわかったら、フォームの値を変更できます。次に、Google マップのプラグインを使用するかどうかの問題があります。個人的には一切使いませんでした。jquery mobile を使用しているので、これを使用できます。

init イベントでマップを作成し (一度だけ作成するため)、pageshow イベントで resize イベントをトリガーして、画面の左上隅にマップが表示されるなどの問題が発生しないようにします。前述のプラグインを使用する場合、更新方法を探します。マップのコンテナにはサイズが必要です。そうでない場合は、jqm がコンテナーに最小サイズを与えるため、適切に表示されません。プログラムで実行し（ウィンドウの高さと幅を確認）、スペースを計算できます（ヘッダーがある場合は、計算に含める必要があります）。最後に、ズームに問題がある場合は、これを見てください

于 2012-12-27T14:20:12.217 に答える
0

jQuery Mobile 内の Google マップに関するこの投稿を確認してください。これで問題は解決すると思います。

于 2012-12-27T12:20:21.690 に答える