如何让谷歌地图 iframe 的“风格”看起来焕然一新答案

【问题标题】：How to make the "style" of a google maps iframe look new如何让谷歌地图 iframe 的“风格”看起来焕然一新
【发布时间】：2013-05-24 13:36:54
【问题描述】：

我有以下带有谷歌地图的 iframe：

如您所见，谷歌地图在这里看起来更旧：方形按钮和控件。

我想要的是这样的：

更好看的谷歌地图。圆形按钮和控件...
我如何创建这样的东西？我一直在尝试解决这个问题，但没有任何成功。
谢谢！

【问题讨论】：

标签： html google-maps iframe

【解决方案1】：

<!-- Embed Google Maps Start -->
<iframe width="550" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=mesco,heuvelstraat 95,tilburg, nederland&layer=tc&t=m&z=18&source=embed&output=svembed"></iframe>
<!-- Embed Google Maps End -->
<!--Parameters:
---------------------
q= enter full address here or latitude+longitude e.g. (street name, city, county/state, country)
layer= (t = traffic | c = streetview | tc = both) - show map layer type
t= (m = normal map | k = satellite | h = hybrid | p = terrain) - Sets the kind of map shown
z= (1 - 23) - map zoom level. 23 value indicates fully zoomed in. (default is 18)
width= (value) - height of gmaps
height= (value) - width of gmaps-->

【讨论】：

【解决方案2】：

也许您应该考虑使用 Google Maps Javascript API。基本使用并不难，它以您想要的方式显示控件。

示例：https://developers.google.com/maps/documentation/javascript/examples/?hl=en

【讨论】：

问题是“如何让google maps iframe 的“风格”看起来很新”这与 iframe 无关
@crg 虽然问题的标题提到了“iframe”，但如果您阅读问题描述，您会意识到 Pedro Vieira 想要显示更新（或至少在 2013 年更新）版本谷歌地图 GUI。在回复的那一刻，这不是通过更改 iframe HTML 元素，而是通过使用不同版本的 API 来实现的。

【解决方案3】：

对于 javascript API，您需要一个 API KEY。然后您必须选择一个计费方案。

所以我不明白为什么一方面可以直接从谷歌地图中免费选择 iframe，另一方面，当你想直接使用 API 时，你必须输入信用卡。

就个人而言，我回到了第一个选项。非常快速地实现基本使用。

【讨论】：