2012-08-08 7 views
8

Ho capito come inizializzare una mappa con gli stili personalizzati come il seguente:È possibile modificare gli stili di Google Map dopo l'inizializzazione della mappa?

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); 

Ma è possibile passare ad un altro stile di una volta che la mappa è già stato inizializzato? Ad esempio, cambiando i colori della mappa quando vengono attivati ​​determinati eventi?

risposta

18

Sì. basta usare

map.setOptions(mapOptions); 
+0

Ha senso! Grazie :) – Probocop

7

Sì, creare un nuovo oggetto di stile e quindi modificare lo stile impostando l'opzione: map.setOptions ({stili: stili});

Problemi correlati