How to make the “style” of a google maps iframe lo

2019-07-19 05:52发布

问题:

I have the following iframe with google maps:

As you can see, google maps looks older here: square buttons and controls.

What I'd like to have is something like this:

A much better looking google maps. Round buttons and controls...
How do I create something like this? I've been trying to work around this, but without any success.
Thanks!

回答1:

Maybe you should consider using Google Maps Javascript API. It is not hard for basic use and it shows the controls the way you want.

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



回答2:

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