API карт Google, встроенный в iFrame, не центрируется на широте / долготе.

Question

Я использовал API Карт Google для создания простой HTML-страницы, которую я затем встраиваю в iFrame на другой странице.

Страница отлично работает, когда за пределами iFrame, однако, когда внутри iFrame,позиция окна не прокручивается по центру на маркере.

Вот пример: http://webfe.omega.studiocoast.com.au/epping-club.aspx и нажмите на местоположение клуба.

Читая это, я удивляюсь, почему яЯ использую iFrame и вместо этого вызываю API напрямую с родительской страницы ...

Но любые предложения относительно моей первой проблемы были бы фантастическими:)

Answer 1

После долгих поисков я обнаружил, что проблема связана с тем, что iFrame встроен в аккордеон jQuery.Первоначально он отображался правильно, когда был свернут аккордеон, однако, когда он был свернут, положение карты было выброшено.

Удалось зафиксировать местоположение маркера, создав новое событие, которое сработало, когда аккордеон скатилсякоторый повторно визуализировал iFrame и положение карты.

Answer 2

Это потому, что вы встраиваете http://webfe.omega.studiocoast.com.au/media/Assets/Maps/EppingMap.html в iframe, который не умещается на весь экран (вы фактически обрезаете изображение и показывает только правый угол карты) .. Я бы предпочел встроить карту напрямую из Google, как вы можете скопировать карту в нужный размер ..

Если вы хотите сделать это по-своему, я бы посоветовал вам взглянуть на javascript, найденный при встраивании прямо из Google.

Откройте эту ссылку в Firefox и используйте Firebug для ее анализа .. тогда, я думаю, вы найдете то, что вам нужно.

http://maps.google.no/maps/empw?url=http:%2F%2Fmaps.google.no%2F%3Fie%3DUTF8%26ll%3D61.143235,9.09668%26spn%3D14.594437,39.506836%26z%3D5%26output%3Dembed&hl=no&gl=no