Recientemente me topé con este interesante artículo que muestra el potencial de agregar estilos personalizados a Google Maps. Algunos ejemplos de mapas de estilo se pueden ver aquí y usted puede diseñar su propia desde cero aquí .
Me gustaría aplicar el tema 'escala de grises' a mi mapa base de OpenLayers:
La descripción del estilo según la demostración de Google se vería de alguna manera:
var styles = {
'Greyscale': [
{
featureType: 'all',
rules: [
{saturation: -100},
{gamma: 0.50}
]
}
]
}
Mi mapa de Google en OpenLayers actualmente se ve simplemente como:
var gmap = new OpenLayers.Layer.Google("Google Streets",
{
'numZoomLevels': 20,
'sphericalMercator': true}
);
¿Cómo podría aplicar el tema de escala de grises a mi mapa?
openlayers-2
google-maps
radek
fuente
fuente
Respuestas:
Parece que puede acceder directamente al objeto googlemap usando layer.mapObject .
Consulte la API de gmap para diseñar la capa: https://developers.google.com/maps/documentation/javascript/styling
Aquí hay una pequeña página de ejemplo que he creado: http://www.intermezzo-coop.eu/mapping/styled_gmap.html
Consulte también el asistente de googlemap: https://mapstyle.withgoogle.com/
fuente