Карта Google в iframe не центрируется на ярлыке

Question

Я пытался встроить карты Google с помощью iframe. Но проблема в том, что он не центрируется на ярлыке / маркере, а помещает маркер в верхний левый угол (не видно).

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;z=8&amp;q=Chennai&amp;output=embed"/>

Следует отметить, что он работает нормально, когда я просто вставляю его в HTML-файл. Но в моем случае карта реализована в виде раскрывающегося списка с использованием javascript (см. Ниже). Я даже попробовал решение, данное здесь , но безрезультатно.

http://prntscr.com/1ziry (здесь метка фактически находится в верхнем левом углу, но не видна)

Пожалуйста, помогите!

Answer 1

Почему вы используете для этого iframe. Я предполагаю, что есть некоторая магия JS, которая позиционирует маркер, и наличие iframe испортит его.

Используйте API Javascript, и у вас не возникнет никаких проблем. http://code.google.com/apis/maps/documentation/javascript/tutorial.html

Answer 2

Для меня проблема заключалась в том, что при загрузке карты размер кадра был 0.Я добавил задержку для загрузки карты после загрузки iframe.

Вот код, который я добавил в свой скрипт.(Он запускается как часть HTML, который загружается как iframe):

<script>
  window.onload=function(){loadMapDelayed();}

  // delay map display by 100 milliseconds until iframe renders
  function loadMapDelayed() {
    setTimeout("loadMap()",100);
  }
  function loadMap() {
    // existing code that loads the map
  }
</script>

(спасибо https://groups.google.com/forum/#!topic/google-maps-api/nN0y2pSr2dQ)