如何在另一个div中将地图设置为div？

Question

我是JavaScript的新手，我需要您在设置Google地图到div元素（位于另一个div元素内）方面的帮助。 如果div元素未嵌套，则以下代码适用：

function initialize() {

var myOptions = {
    center: new google.maps.LatLng(-34.397, 150.644),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

但是，如果我嵌套了div，则无法使用：

<body onload="initialize()">
<div id="main">
    <div id="map_canvas" style="width:100%; height:100%"></div>
</div>
</body>

我该如何解决这个问题？

Answer 1

经过一些测试，我得出结论，您还需要将高度设置为id="main" div

style="width:100%; height:100%"

因为它是地图的容器，并且没有定义的高度，所以不会显示任何内容。 就像滚下窗帘一样，地图不会自动将其推下。

我假设您已经有了类似的东西，因为该地图无需嵌套即可工作，但我会再次提及：

<style type="text/css">
  html, body {height:100%}
</style>

Answer 2

Google地图的画布需要静态高度和宽度。 如果父div的尺寸不为静态，则不应将％用作高度和宽度。 谷歌地图也有一个错误，它不能在隐藏的div加载。 （如果这样做，您需要一些技巧）

如何在另一个div中将地图设置为div？

问题描述

2 个解决方案

解决方案1
5 已采纳 2012-05-23 02:02:41

解决方案2
1 2012-05-23 02:34:41

如何在另一个div中将地图设置为div？

问题描述

2 个解决方案

解决方案1 5 已采纳 2012-05-23 02:02:41

解决方案2 1 2012-05-23 02:34:41

解决方案1
5 已采纳 2012-05-23 02:02:41

解决方案2
1 2012-05-23 02:34:41