谷歌地圖不能正確調整大小

-1

我正在開發一個應用程序，其中我包含了google maps。 script如下。谷歌地圖不能正確調整大小

<script>https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false</script> 
<script> 
    $(function() { 
    var map; 

    function initialize() { 

     var mapOptions = { 
       zoom: 8, 
       center: new google.maps.LatLng(13.004558, 77.6017), 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById('map-canvas'), 
       mapOptions); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
     google.maps.event.trigger(map, "resize"); 

    }); 

</script>

而且div是

它不是正確的調整，但一旦你點擊檢查元素的大小調整。請幫我找出解決方案。工作更讚賞

來源

2013-09-23 Sanganabasu

什麼是你想用調整大小呢？ –

它不根據div的大小調整大小。所以有人建議我加入google.maps.event.trigger（map，「resize」）;.但它仍然沒有工作。 – Sanganabasu

在這一行

var map = new google.maps.Map(document.getElementById('map-canvas'), 
      mapOptions);

你不需要的「變種」。

是否包含jquery？

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

，並嘗試這種方式

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

來源

2013-09-23 08:15:36 pszaba

仍然無法正常工作。我已將它包含在標籤中。這是問題嗎？ – Sanganabasu

這聽起來是一個問題，當標籤點擊（打開）你應該調用map.checkResize（），當你初始化gmap時該標籤不可見，我認爲它沒有正確調整 – pszaba

實際上google.maps.event.trigger（map ，'調整大小'）;是好的，在標籤可見之後調用它 – pszaba

<script src ="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 


<script> 
$(document).ready(function(){ 
var map; 
var mapOptions = { 
     zoom: 8, 
     center: new google.maps.LatLng(13.004558, 77.6017), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

map = new google.maps.Map(
     document.getElementById('map-canvas'), 
     mapOptions); 

$("#map-canvas").css("height", "120px"); 
google.maps.event.trigger(map, "resize"); 
}); 

</script> 
<div id = "map-canvas"></div>

來源

2013-09-23 08:44:35

不能正常工作.. – Sanganabasu

這應該工作，請注意，您必須設置div的高度和寬度，其中將繪製map，然後resize函數應該被調用 –

谷歌地圖不能正確調整大小

回答

相關問題