关于Google地图的一个简单问题 - 居中

时间:2011-02-17 20:07:50

标签: javascript html url maps

每次我从Google地图中嵌入iframe时,都会将标记保留在中间位置。

即使有工具提示并且只是剪切工具提示数据,它也会这样做:

http://jsfiddle.net/V2SVa/

是否有url参数或某些内容将地图置于工具提示的中心位置?

2 个答案:

答案 0 :(得分:3)

好吧,如果您使用的是API,那么您可以拨打map.setCenter()

如果您按照示例中的方式将地图包含在内,那么您只需要更改初始起点。

您用于嵌入地图的网址是:

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 locationz = zoom levelspn/sspn = span / screen span。令人惊讶地发现有关它们的信息很尴尬,但parameters here有一些细节。如果您只需要更改中心,请先尝试摆弄ll参数。

答案 1 :(得分:1)

这对我有用:

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