Простой вопрос о Google Maps - центрирование

Question

Каждый раз, когда я встраиваю iframe из Google Maps, он удерживает маркер в центре.

И он работает, даже если есть всплывающая подсказка и просто РЕЗКИ данных всплывающей подсказки:

http://jsfiddle.net/V2SVa/

Существуют ли параметры URL или что-то для центрирования карты во всплывающей подсказке?

Answer 1

Что ж, если вы используете API, вы можете вызвать map.setCenter () .

Если, однако, вы включаете встроенные карты, как в вашем примере,тогда вам просто нужно изменить начальную начальную точку.

URL, который вы используете для встраивания карты:

http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=
  &q=Museum+near+Washington,+United+States&aq=0
  &sll=40.702863,-74.055748&sspn=0.025669,0.055747&ie=UTF8
  &hq=Museum&hnear=Washington+D.C.,+District+of+Columbia
  &ll=38.913976,-77.05111&spn=0.052698,0.111494&t=h&z=14
  &iwloc=A&cid=4718114823360363843&output=embed

Просто вопрос настройки определенных параметров.

Параметры, которые необходимо настроить: ll = center location, z = zoom level и spn/sspn = span / screen span.Удивительно неловко найти информацию о них, но здесь есть некоторые подробности о параметрах .Попробуйте сначала поиграть с параметром ll, если вам нужно изменить только центр.

Answer 2

Это работает для меня:

HTML

<div style="height: 400px; overflow: hidden;">
  <iframe width="425" height="700" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Museum+near+Washington,+United+States&amp;aq=0&amp;sll=40.702863,-74.055748&amp;sspn=0.025669,0.055747&amp;ie=UTF8&amp;hq=Museum&amp;hnear=Washington+D.C.,+District+of+Columbia&amp;ll=38.913976,-77.05111&amp;spn=0.052698,0.111494&amp;t=h&amp;z=14&amp;iwloc=A&amp;cid=4718114823360363843&amp;output=embed"></iframe>
</div>

JQUERY (даже не обязательно)

$("iframe").load(function (){
  $('iframe').css({"height": '400px'});
});

Демонстрация: http://tinker.io/9ace5