开发者

Make google maps plugin black/white or with sepia filter

开发者 https://www.devze.com 2023-03-18 09:34 出处:网络
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 fi

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.

0

精彩评论

暂无评论...
验证码 换一张
取 消