谷歌地圖v3問題

我有下面的代碼，但谷歌地圖沒有完全顯示（只有左上部分）。請參閱此screenshot。任何人都可以幫忙嗎？提前致謝。谷歌地圖v3問題

<script type="text/javascript"> 
     function initialize() { 
      var latlng = new google.maps.LatLng(<?php echo $hotel->hotel_latitude.','.$hotel->hotel_longtitude; ?>); 

      var Options = { 
       center:latlng, 
       zoom:15, 
       mapTypeId:google.maps.MapTypeId.ROADMAP 
      }; 

      var map = new google.maps.Map(document.getElementById("ourlocation"),Options); 

      marker = new google.maps.Marker({ 
       position:latlng, 
       animation:google.maps.Animation.BOUNCE 
      }); 

      marker.setMap(map); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
    </script>

來源

2013-04-16 user2286471

將寬度和高度添加到您的div，那麼它會正常工作。

<div id="imgFrame" style="width: 800px; height: 900px"></div>

來源

2013-04-16 13:22:06

沒有成功，試了一下，但寬度和高度已經被稱爲通過CSS。這也被用於jQuery的移動網站。 – user2286471

您的setMap電話後，儘量google.maps.event.trigger(map, 'resize');

來源

2013-05-02 21:17:00 CullenJ

在項目中，我使用谷歌地圖V3但問題之一是通過更換http://*而不是https://*解決。所以試試這個。

來源

2014-04-15 13:52:24 BrijeshKothari92

谷歌地圖v3問題

回答

相關問題