У меня есть веб-страница, содержащая скрытый <div>
с помощью display: none;
, и у меня есть кнопка на странице, которая при нажатии изменит видимость <div>
и наложит ее поверх всего остального (потому что он имеет набор z-индексов).
Внутри этого <div>
у меня есть карта Google, встроенная с помощью iFrame с выводом Google Map, который был удален в месте, которое я пытаюсь показать своим пользователям.
Проблема
Поскольку iFrame Google Maps загружается при загрузке страницы, а при скрытии <div>
это означает, что при отображении <div>
карта Google не выравнивается должным образом (контакты и центральное расположение теперь находятся в верхний левый угол)
Решение, которое я ищу
Я знаю, что некоторые люди, вероятно, расскажут мне, как я должен "перекодировать всю мою страницу". То, что я действительно ищу, это некоторая функция onClick
, которую я могу установить, которая перезагрузит iFrame, чтобы карта была правильно центрирована.
Что нужно знать
Этот iframe имеет страницу Карт Google в качестве своего src. то есть URL, а не ссылку на файл на моем сайте.
Любая помощь будет принята с благодарностью! Много кода, который я просматривал в сети, похоже, работает при обновлении определенного файла, на который ссылаются, а не на внешний URL.
Будет ли он работать, если я вставлял карту в другой файл HTML, а затем помещал этот HTML файл в качестве источника кадра?