如何使谷歌地图iframe的“风格”看起来很新

时间:2013-05-29 10:24:09

标签: html google-maps iframe

我在谷歌地图上有以下iframe:
enter image description here
正如你所看到的,谷歌地图在这里看起来比较老:方形按钮和控件。

我想拥有的是这样的:
enter image description here
一个更好看的谷歌地图。圆形按钮和控件......
如何创建这样的东西?我一直在努力解决这个问题,但没有任何成功 谢谢!

3 个答案:

答案 0 :(得分:11)

<!-- 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-->

答案 1 :(得分:5)

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

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

答案 2 :(得分:0)

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

所以我不明白为什么您可以直接从Google Maps上免费直接选择iframe,而另一方面,当您想直接使用API​​时必须输入信用卡。

就个人而言,我回到了第一个选项。 可以快速实现基本用途。