2016-08-04 16 views
-1

Googleマップが組み込まれたハイブリッドアプリを構築しています。すべてのロードはうまくいきますが、マップをドラッグすると、ドラッグを解除して残りのマップをロードするまでグレーの領域が表示されます。Ionic - ドラッグ中に灰色の領域が表示されるGoogleマップ

ユーザーが灰色の領域に移動する必要がないように、ドラッグリリースを待たずに余白領域をロードする方法はありますか?

私はアプリを構築するためにIonicとAngularjsを使用しています。私はマップ

var map = new google.maps.Map(document.getElementById("map"), 
{ 
     center : latLng, 
     zoom : 16, 
     mapTypeControl : false, 
     streetViewControl : false, 
     zoomControl : false, 
     mapTypeControl: false, 

}); 

をロードし、その後、私は

<div id="map"></div> 

私map.htmlでそれを示して私のcontroller.jsで

アイドル:

enter image description here

ドラッグ中:

enter image description here

はリリース上ではロード:

enter image description here

+0

https://github.com/mapsplugin/cordova-plugin-googlemapsを実装して、ネイティブな処理能力を活用することができます。 – tothefux

+0

それは私がやったことです、そして今、ナビゲーションは素晴らしいです!ありがとう;) –

答えて

2

ハイブリッドアプリは、App内のWebブラウザと同じように動作します。 ionicのGoogleマップもそうです。地図をドラッグすると、Webブラウザと同じ部分が表示されます。それはあなたの携帯電話のインターネット速度とあなたのアプリのパフォーマンスに依存します。 パフォーマンスを向上させるには、https://forum.ionicframework.com/t/improving-performance-of-google-maps/894/2をご覧ください。

+0

@ Claudio Barreiraはその答えを受け入れ、この質問を閉じてください – Anuj

関連する問題