Я хочу добавить карту в innerHTML из Div (создается динамически)

Question

Я хочу добавить Map в innerHTML для Div (динамически создаваемый) .....

var ni = document.getElementById('content');
var newdiv = document.createElement('div');
newdiv.setAttribute('id',idname);
newdiv.innerHTML = map[i];//it is not adding map,because map[i] is not defined...how to solve this...
ni.appendChild(newdiv);
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
    zoom: 8,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    };

map[i] = new google.maps.Map(document.getElementById(idname),myOptions);
i++;

Answer 1

Здесь происходит много неправильного.

Линии 1-3,5. Вы создали #newdiv и добавили его в свой контент div. Отлично!

Строка 4: вы пытаетесь установить содержимое вашего нового div с чем-то, что не существует. Удалить эту строку.

Строка 6-11: Код акций Google Карт, прямо с http://code.google.com/apis/maps/documentation/javascript/tutorial.html

Строка 13: (для некоторых не повезло). Эта строка будет обрабатывать вставку Google Maps на вашу страницу, если вы измените переменную idname. Как насчет этого:

map[i] = new google.maps.Map(ni, myOptions);

Это создаст объект карты, который вы можете использовать, и поместите его в карту [i]. Конечно, я предполагаю, что у вас есть значение для i и инициализация map. Если нет, то измените map[i] = на var map =.

Это должно сделать вашу жизнь проще:)