Сценарий
Используя jQuery, у меня есть страница с всплывающим наложением, содержащим местоположения, отмеченные с помощью Google Maps.
Наложение работает с настройкой 2 страниц следующим образом:
- Главная страница открывает оверлей через текстовую ссылку на карту. Полная страница карты затем загружается в оверлей.
- Сама страница карты содержит API Google и код инициализации для загрузки правильной карты.
Как бы то ни было, наложение и карта работают нормально, если я загружаю всю страницу карты.
Проблема
Моя проблема в том, что я не хочу загружать всю страницу, я хочу загрузить только тот элемент div, который содержит карту.
Я использую функцию jQuerys Ajax «load» (как показано ниже) для загрузки полной страницы карты.
wrap.load(this.attr("href"))
Если я попытаюсь изменить это для загрузки определенного DIV (следующим образом), содержимое DIV страниц будет загружено правильно, за исключением того, что Google API не загружен, то есть карта не отображается.
wrap.load(this.attr("href")+" #map_wrap")
Я попытался включить API Googles и код инициализации на первой главной странице, которая открывает оверлей, однако это все равно не работает.
Я также попытался встроить код в загруженный DIV, опять же, не повезло.
Вопрос
Есть ли способ загрузить скрипт API страниц карты вместе с DIV?