Google Map entsättigen?

[bobomampf]

Grüß euch..

Ein Problem verfolgt mich nun schon ein paar Tage.. Stört nicht wirklich, aber fuchst mich, dass ich nicht auf die Lösung komme.

Ich habe das Google Maps API auf meiner Seite. Die Map wird angezeigt, ein Button an Stelle unserer Adresse und auch der Routenplaner in der Map funktioniert. Aber ich kriege es nicht hin, die Map zu entsättigen.

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
        function initialize() {
            var latlng = new google.maps.LatLng(wird nicht verraten :));
            var myOptions = {
                zoom: 15,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scrollwheel: false,
                mapTypeControl: true,
                mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.RIGHT_TOP
                },
                navigationControl: true,
                navigationControlOptions: {
                style: google.maps.NavigationControlStyle.ZOOM_PAN,
                position: google.maps.ControlPosition.LEFT_TOP
                },
                scaleControl: true,
                scaleControlOptions: {
                position: google.maps.ControlPosition.LEFT_TOP
                }
                };
                var map = new google.maps.Map(document.getElementById("map"), myOptions);
                var marker = new google.maps.Marker({
                position: latlng,
                map: map,
                icon: 'img/maps_mark.PNG',
                animation: google.maps.Animation.DROP,
                title:"Verrate ich nicht"
            });
        }
    </script>

Das ist mein Code. Dann eben unten noch ein Div und im Bodytag den initialize Befehl.



Das hier ist jetzt der Code, den ich irgendwie oben mit einbinden sollte.. Aber es nicht schaffe.. Es soll einfach die Map entsättigt werden.. Ob um 100% oder dann nur 50 ist da ja erst mal unbedeutend..

var stylesArray =[
{
featureType:'',
elementType:'',
stylers:[
{saturation:'-100'},
]
},
{
featureType:'',
}
]

Wer es schafft mir zu helfen kriegt nen Keks.. :)

 

[threadi]

Laut Dokumentation sollte das in den Map-Options eingetragen werden. Also z.B. so

var myOptions = {
 zoom: 15,
 center: latlng,
 stylesArray =[
  {
   featureType:'',
   elementType:'',
   stylers:[
    {saturation:'-100'},
   ]
  },
  {
  featureType:'',
  }
 ],
 ...

 

[bobomampf]

Mhm.. Ok.. Da zeigts mir nen Syntaxfehler an.. zwischen latlng und stylesarray.. Aber ich weiss nicht was da fehlt.. Ein Semikolon?

 

[threadi]

Da es ein Objekt ist, muss der Wert per Doppeltpunkt zugewiesen werden. Laut Dokumentation heißt er auch styles, glaube ich.

styles: [