ree*_*erz 5 javascript google-maps-api-3
我是javascript的新手,我需要你的帮助,将谷歌地图设置为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>
| 归档时间： |
|
| 查看次数： |
1963 次 |
| 最近记录： |