我是 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>
我该如何解决这个问题?
经过一番测试后,我得出结论,您需要为您的id="main"
div 也
style="width:100%; height:100%"
因为它是地图的容器,如果没有定义的高度,则不会出现任何内容。这就像卷下窗帘一样,地图不会自行将其推下。
我假设您也已经有了类似的东西,因为地图无需嵌套即可工作,但我会再次提及:
<style type="text/css">
html, body {height:100%}
</style>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)