複数のページを持つ PhoneGap アプリケーションを開発していますが、そのうちのいくつかは地図を表示します。
今私がやろうとしているのは、ページの読み込み時に Google Maps API を読み込むことで、必要なときにいつでもアクセスできるようにすることです。現在、いくつかのオプションがあります。
ページの読み込み時に、URL にコールバック パラメータを指定せずにスクリプトを読み込みます。結果: google.maps オブジェクトは作成されますが、ほとんど空です。機能はすべて欠落しています。
...(url)&callback=functionName
ページが読み込まれるときに、URL にコールバック パラメータを指定してスクリプトを読み込み
ます<div style="overflow-x: hidden; overflow-y: hidden;"></div>。それで、マップの作成を開始するようですが、残りが欠落しています。
ここで面白いのは、デスクトップ ブラウザーでは完全に動作しますが、phonegap アプリケーションでは動作しません。Android か iOS かは関係ありません。コールバックを使用してスクリプトをロードしますが、マップが表示されるたびに
結果:動作しているように見えますが、コンソールにエラー/警告が表示され、Maps API を複数回ロードすると予期しない問題が発生する可能性があることがわかります. さらに、アプリケーションの速度を低下させる不要なサーバー要求が作成されます。
Ripple Emulator でオプション 2 を実行するとInAppBrowser、マップを表示する必要があるページを開こうとすると、アプリケーションが を開こうとすることがわかります。の経験があまりInAppBrowserないので、これが何を伝えようとしているのか、それとも問題に関連しているのかさえわかりません...
現在、単純な方法でスクリプトを含めています
var script = document.createElement('script');
script.type ...
script.src = 'http://maps.googleapis.com/.....';
document.body.appendChild(script);
このような場合に API を含めて使用する方法を知っている人はいますか? new google.maps.Map()また、コンストラクターに渡したいパラメーターも異なります。そのため、これを行うには柔軟な方法が必要です。
助けてくれてありがとう
アンドレアス