2

要将地图插入我的网站,我一直在使用服务器端代码来创建类似以下内容。我以为我最初这样做是有充分理由的,但现在不记得原因了。快速搜索表明大多数解决方案都使用 IFRAME。IFRAME 解决方案是最好的方法吗,或者我的 IMG 解决方案有时更好的原因是什么?谢谢

<img alt="Map" src="http://maps.google.com/maps/api/staticmap?center=5th+%26+College+St%3Ch1%3EHello%3C%2Fh1%3E+SEATTLE+WA+98101&amp;zoom=14&amp;size=400x400&amp;sensor=false">
4

1 回答 1

4

使用使用Google Maps Static Maps API的 IMG创建一个您的用户只能看到的静态图像,例如在这个 Fiddle 中看到的

在此处输入图像描述

这使用以下代码:

<img alt="Map" src="http://maps.google.com/maps/api/staticmap?center=5th+%26+College+St%3Ch1%3EHello%3C%2Fh1%3E+SEATTLE+WA+98101&amp;zoom=14&amp;size=400x400&amp;sensor=false">    ​

但是,当您创建一个允许用户与地图交互的 IFrame 时,例如平移、缩小、在“地图、周六、Ter 和地球模式”之间进行选择,如下面的Fiddle所示:

产生的代码:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;ie=UTF8&amp;ll=53.800651,-4.064941&amp;spn=11.629588,33.815918&amp;t=m&amp;z=6&amp;output=embed"></iframe>

回顾一下,IMG 生成静态图像,而 IFrame 生成动态交互(平移、缩放等)

注意:如果您采用 IMG 方式,Google 会限制您

每个应用程序每天 25 000 个免费静态地图请求。

这对大多数人来说应该足够了,但知道它很有用。如果您需要更多信息,请查看 Google Maps API for Business。

于 2013-01-02T22:39:15.547 回答