中心和放大谷歌地图

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为中心，但不能正常工作。如何在面板中居中放大所有地图？

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

Anish的代码对我有用。 （次要修复：map-canvas - ＆gt; map_canvas）地图填充页面宽度，高1000px。

查看屏幕截图，您的地图 填充窗口的宽度。您可以这样说，因为地图控件一直位于屏幕右上角。但由于某种原因，地图并没有获取它需要填充的瓷砖。这通常发生在调整地图容器大小而不触发谷歌地图调整大小事件时。你是在dojo解析器运行之前创建地图吗？我将Anish的代码放在dojoInit（）中的ready（）函数中，当地图显示时，地图会填充屏幕。

调整谷歌地图以填充可用空间（不使用绝对高度和宽度）很棘手，但通常问题是高度，而不是宽度。我在这里的工作灯上写了一系列关于谷歌地图的博客文章：http://www.ibm.com/developerworks/community/blogs/dhuyvett