0

这是代码：

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


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

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

                </div>

我试图以各种 css 属性居中但不起作用。我如何在面板中居中和放大所有地图？

在此处输入图像描述

4

2 回答 2

0

Anish 的代码对我有用。（次要修复：map-canvas -> map_canvas）地图填充页面的宽度，高度为 1000 像素。

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

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

于 2013-08-01T21:41:10.173 回答
0

您必须调整地图的大小。

尝试这个

     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-01T10:00:13.320 回答