Как установить карту для 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>
Как мне решить эту проблему?