web-dev-qa-db-fra.com

Faire un plugin google maps noir / blanc ou avec un filtre sépia

Je me demande s'il est possible d'afficher Google Maps en noir/blanc ou avec un filtre sépia. Peut-on le faire avec de la magie de Canvas? Ou superposition? Ou une autre méthode?

javascripthtml5google-mapscanvasgoogle-maps-styled
23
Sonne

Vérifiez ce violon , j'ai désaturé tous les éléments pour créer l'effet noir et blanc, par exemple:

{
   "featureType": "road.highway",
   "elementType": "geometry",
   "stylers": [
     { "saturation": -100 },
     { "lightness": -8 },
     { "gamma": 1.18 }
   ]
 }

Vous pouvez styliser vos cartes en utilisant cet assistant

ou en utilisant Snazzy Maps qui est très convivial.

30
Pixelomo

Oui, vous pouvez utiliser la fonctionnalité de cartes stylisées de Google API.

Voici un exemple http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/2

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

et voici un assistant WYSIWYG pour recolorer votre carte http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

28
Michal

http://www.nihilogic.dk/labs/imagefx/ apporte un sépia et un filtre désaturé (noir et blanc) ... Mais cela ne fonctionnera pas dans Safari et IE ne peut que désaturer, pas de sépia

2
zuloo

J'ai ce lien dans mon histoire. Quelqu'un l'a fait en flash http://www.anttikupila.com/GoogleMapsBw/1

EDIT: Après avoir réfléchi à votre idée, j'ai également trouvé ceci exemple Je l'aime et vous pourrez peut-être joindre un auditeur pour modifier les images lorsqu'elles sont chargées. mais cela peut ne pas fonctionner correctement.

1
Bill Bonar