Как установить карту в div внутри другого div?

Я новичок в 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>

Как решить эту проблему?

5
задан reederz 23 May 2012 в 01:55
поделиться