javascript - snazzy - Hacer el plugin de google maps negro/blanco o con filtro sepia

google maps style javascript

Question

Me pregunto si es posible mostrar Google Maps en blanco y negro o con un filtro sepia. ¿Se puede hacer con magia Canvas? ¿O superposición? ¿O algún otro método?

Answer 1

Sí, puedes usar la función de mapas con estilo de google api.

Aquí hay un ejemplo http://www.programmableweb.com/news/make-your-google-map-stand-out-styles/2010/05/20

Estos son los documentos http://code.google.com/apis/maps/documentation/javascript/maptypes.html#StyledMaps

y aquí hay un asistente WYSIWYG para volver a colorear su mapa http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

Answer 2

Tengo este enlace en mi historial. Alguien lo ha hecho en flash http://www.anttikupila.com/GoogleMapsBw/ http://www.anttikupila.com/GoogleMapsBw/

EDITAR: Después de considerar tu idea, también encontré este example me gusta y es posible que puedas adjuntar un oyente para alterar las imágenes a medida que se cargan. pero puede no funcionar sin problemas.

Answer 3

Comprueba este violín , he desaturado todos los elementos para crear el efecto en blanco y negro, por ejemplo:

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

Puedes diseñar tus mapas usando este asistente

o usando Snazzy Maps que es muy fácil de usar.

Answer 4

http://www.nihilogic.dk/labs/imagefx/ trae un filtro sepia y un filtro de desaturación (blanco y negro) ... Pero no funcionará en Safari y IE solo puede desaturar, sin sepia