Ich kann nicht herausfinden, wie man bestimmte Google Map Elemente stylen kann

Question

Ich versuche, eine Google Map zu gestalten und bin fast dahin gekommen, wo ich es möchte, aber ich habe ein paar Probleme mit ein paar Elementen.

Sie können in den Bildschirmgreifern sehen, dass es einige Elemente gibt, die noch eine hellere Farbe sind, die ich dunkel machen möchte, aber ich kann nicht herausfinden, was genau in dem JSON ich ändern sollte.

JSFiddle ist hier: https://jsfiddle.net/ojdavey/84ewc0jx/20/

Styling JSON:

[{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#707070"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"all","stylers":[{"gamma":"0.82"},{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"lightness":"7"},{"visibility":"on"}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"administrative","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#2f2f2f"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"on"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":"-100"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"gamma":"0.77"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"lightness":"-100"},{"color":"#181818"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"lightness":"-100"},{"color":"#181818"},{"visibility":"on"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"lightness":29},{"weight":0.2},{"color":"#ff0000"},{"visibility":"off"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"lightness":"-100"},{"color":"#181818"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"visibility":"on"},{"lightness":"-100"},{"color":"#181818"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19},{"visibility":"on"},{"gamma":"0.00"}]},{"featureType":"transit.station","elementType":"all","stylers":[{"gamma":"0.00"},{"visibility":"off"}]},{"featureType":"transit.station","elementType":"labels.text","stylers":[{"visibility":"off"}]},{"featureType":"transit.station.rail","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}] 

Jede Hilfe wäre toll!

Answer 1

Ich denke, dass ich die Lösung für Ihr Problem kennen. Hier

ist die Variable Stil, den ich für den Test verwendet:

var styleArray = [{ 
featureType : "administrative", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":50} 
] 
}, 
{ 
featureType : "poi", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
}, 
{ 
featureType : "landscape", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
}, 
{ 
featureType : "road", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":2} 
] 
}, 
{ 
featureType : "transit", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
} 
]; 

Hier ist das Ergebnis:

Nach einigen Tests hier ist, was ich kam mit:

var styleArray = [ 

{ 
featureType : "all", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":30} 
] 
}, 
{ 
featureType : "administrative", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":50} 
] 
}, 
{ 
featureType : "poi", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
}, 
{ 
featureType : "landscape", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
}, 
{ 
featureType : "road", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":2} 
] 
}, 
{ 
featureType : "transit", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' }, 
{"lightness":21} 
] 
}, 
{ 
featureType : "water", 
elementType : "geometry", 
stylers: [ 
{ color: '#000000' } 
] 
} 
]; 

Hier ist das Ergebnis:

einfach den Feature-Typ „alle“ zu einem dunklen Stil gesetzt, dann wird dies die Regel auf alle Wähler Typen gelten. Leider scheint das erste Bild mit der helleren Farbe nicht in der spezifischen Konstante wie "pio, administrativ, Landschaft" zu sein, sondern ist in der "all" -Funktion enthalten. Typ