2012-08-08 29 views
8

entiendo cómo inicializar un mapa con estilos personalizados como el siguiente:¿Es posible cambiar los estilos de Google Map después de que se haya inicializado el mapa?

var styles = [ 
    { 
     featureType: "water", 
     stylers: [ 
     { visibility: "on" }, 
     { color: "#ffffff" } 
     ] 
    } 
    ]; 

var mapOptions = { 
     zoom: 13, 
     maxZoom: 15, 
     minZoom: 12, 
     center: new google.maps.LatLng(50.924229,-1.396841), 
     disableDefaultUI: true, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     styles: styles 
    }; 
    map = new google.maps.Map(document.getElementById('map'), mapOptions); 

Pero, ¿es posible cambiar a otro estilo una vez que el mapa ya se ha inicializado? Por ejemplo, ¿cambiar los colores del mapa cuando se activan ciertos eventos?

Respuesta

18

Sí. sólo tiene que utilizar

map.setOptions(mapOptions); 
+0

¡Tiene sentido! Gracias :) – Probocop

7

Sí, crear un nuevo objeto de estilo y luego cambiar el estilo de ajustando la opción: map.setOptions ({estilos: estilos});

Cuestiones relacionadas