中心，擴大谷歌地圖

這是代碼：中心，擴大谷歌地圖

#map_canvas { 
    height: 1000px; 
    text-align: center; 
} 


       <div dojoType="dojox.mobile.ContentPane" style="overflow: auto;"> 

        <div id="map_canvas"></div> 
        <!-- cambiare style --> 

       </div>

我試着用各種CSS attributi到中心，但不works.How我中心，並擴大在面板中的所有地圖？

enter image description here

來源

2013-08-01 userA91

您必須調整您的地圖的大小。

試試這個

 var mapOptions = { 
        center: new google.maps.LatLng(43.653226, -79.3831843), 
         zoom: 14, 
         mapTypeId: google.maps.MapTypeId.ROADMAP 
        }; 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    $('#map-canvas').fadeIn('slow', function() { 
    google.maps.event.trigger(map, 'resize');

}

來源

2013-08-01 10:00:13 anish

它不工作！ IT顯示與以前相同的圖像！ – userA91

嘗試用一個固定的寬度和高度的股利 – anish

never..the結果不會改變 – userA91

阿尼什的代碼爲我工作。（小修正：map-canvas - > map_canvas）地圖填充頁面的寬度，高度爲1000px。

看截圖，你的地圖是填充窗口的寬度。你可以這樣說，因爲地圖控件一直在屏幕右上角。但由於某些原因，地圖不會獲取自己需要填充的圖塊。這通常發生在地圖容器調整大小而未觸發Google地圖大小調整事件時。您是否在dojo解析器運行之前創建地圖？我將Anish的代碼放入dojoInit（）中的ready（）函數內，並在地圖顯示時填充屏幕。

漿紗谷歌地圖以填充可用空間（不使用絕對高度和寬度）是棘手的，但通常的問題是高度，而不是寬度。我已經寫了一系列關於谷歌地圖的博客文章在這裏工作燈：http://www.ibm.com/developerworks/community/blogs/dhuyvett

來源

2013-08-01 21:41:10

中心，擴大谷歌地圖

回答

相關問題