центр и увеличить Google Maps

Question

Это код:

#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 я центрировать и увеличить все карты в панели?

Answer 1

Вы должны изменить размер карты.

Попробуйте

 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'); 

}

Answer 2

код Аниш является работа для меня. (minor fix: map-canvas -> map_canvas) Карта заполняет ширину страницы и имеет высоту 1000 пикселей.

Глядя на скриншот, ваша карта is заполняя ширину окна. Вы можете это сказать, потому что управление картой полностью находится справа от экрана в верхнем углу. Но по какой-то причине карта не собирает плитки, которые необходимо заполнить. Обычно это происходит, когда размер контейнера карты изменяется без запуска события изменения размера карты Google. Создаете ли вы карту до запуска парсера dojo? Я поставил код Anish внутри функции ready() в dojoInit(), и карта заполнила экран, когда он отображается.

Калибровка карт Google для заполнения свободного места (не используя абсолютную высоту и ширину) сложна, но обычно проблема заключается в высоте, а не по ширине. Я написал серию сообщений в блоге на картах Google в полевых условиях здесь: http://www.ibm.com/developerworks/community/blogs/dhuyvett