CODEWITHSUNDEEP
jquerygoogle-mapsgoogle-maps-api-3
pufAmuf
pufAmuf

Reputation: 7805

Transparent parts on a satellite map

I noticed this website has two maps overlaying one another. They have a darkened satellite map overlaid with a normal map with transparent bits where there aren't any roads. I want to do this, but in V3.

I've searched all over google but I had no results.

I tried reverse engineering the website to no luck. What my question is, is how I can make parts of a map transparent so that I can see the satellite map behind it - without killing any visibility of the roads? Thanks

Upvotes: 0

Views: 210

Answers (1)

phooji
phooji

Reputation: 10385

The API v3 way to do this -- with StyledMapType and a MapStyle array -- is described in some detail in the documentation:

http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

The example they use is essentially the same as the website you've linked to; it changes the background of 'built up' areas, while leaving the roads and labels the same:

http://code.google.com/apis/maps/documentation/javascript/examples/maptype-styled-simple.html

Note that this is a 'live' example (click 'map' to turn off the styling).

Upvotes: 1

Related Questions