谷歌地圖無法正常顯示在手機上

我正在使用谷歌地圖API在我的手機應用程序中顯示地圖。谷歌地圖無法正常顯示在手機上

當地圖加載我得到的問題象下面這樣：

地圖不正確DIV加載。只顯示地圖的一部分。

enter image description here

我用下面的代碼來顯示地圖：

HTML是：

<div id="mapOuterDiv_details" class="mapHolder"> 
    <div id="map_details"> 
     </div> 
</div>

我加載地圖中ID爲「map_details」。

我給出了div的100％寬度和100％高度。

和JavaScript代碼是：

var mapOptions = { 
     center: new google.maps.LatLng(19.997779,73.789684), 
     zoom: 11, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 


     var map = new google.maps.Map(document.getElementById("map_details"), mapOptions); 

     var marker = new google.maps.Marker({ 
              position: new google.maps.LatLng(19.997779,73.789684), 
              map: map, 
              animation: google.maps.Animation.DROP 
              }); 


     google.maps.event.trigger(map, 'resize');

由於提前， Tejas的

來源

2014-09-01 Tejas Bharambe

這個工作對我.... //調用調整函數加載格設置後正確加載地圖 google.maps.event.addListenerOnce（地圖， '空閒'，函數（）{ google.maps。 event.trigger（地圖， '調整'）; \t \t \t \t \t \t \t \t \t \t}）; – 2014-09-01 07:18:22

你想用我的插件PhoneGap的，谷歌地圖，插件？ https://github.com/wf9a5m75/phonegap-googlemaps-plugin

您可以在Android和iOS上運行Google Maps SDK，並通過JavaScript輕鬆控制它。

來源

2014-09-05 18:45:55 wf9a5m75

感謝wf9a5m75你的努力。下面的解決方案適用於我：google.maps.event.addListenerOnce（map，'idle'，function（）{google.maps.event.trigger（map，'resize'）;}）; – 2014-09-09 06:16:23

谷歌地圖無法正常顯示在手機上

回答

相關問題