I'm wondering if it is possible to display Google M开发者_开发知识库aps in black/white or with a sepia filter. Can it be done with some Canvas magic? Or overlaying? Or some other method?
Check this fiddle out, I've desaturated all elements to create the black and white effect, for example:
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [
{ "saturation": -100 },
{ "lightness": -8 },
{ "gamma": 1.18 }
]
}
You can style your maps using this wizard
or using Snazzy Maps which is very user-friendly.
Yes you can use styled maps feature of google api.
Here is an example http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/20
Here are the docs http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps
and here is a WYSIWYG wizard to recolor your map http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
http://www.nihilogic.dk/labs/imagefx/ brings a sepia and a desaturate (black and white) filter... But it wont work in Safari and IE can only desaturate, no sepia
I have this link in my history. Someone has done it in flash http://www.anttikupila.com/GoogleMapsBw/1
EDIT: After considering your idea, I also found this example I like it and you may be able to attach a listener to alter the images as they are loaded. but it may not work smoothly.
精彩评论