使用使用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&zoom=14&size=400x400&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&ie=UTF8&ll=53.800651,-4.064941&spn=11.629588,33.815918&t=m&z=6&output=embed"></iframe>
回顾一下,IMG 生成静态图像,而 IFrame 生成动态交互(平移、缩放等)
注意:如果您采用 IMG 方式,Google 会限制您
每个应用程序每天 25 000 个免费静态地图请求。
这对大多数人来说应该足够了,但知道它很有用。如果您需要更多信息,请查看 Google Maps API for Business。