Verschiedene Map Styles mit Javascript

Question

Ich brauche Hilfe. Ich möchte eine Karte mit Javascript erstellen, aber mit verschiedenen Kartenstilen. Wie kann ich das tun?

Ich habe diesen Code für die Einstellung nur eine Karte Stil:

var options = { 
       zoom: 6, 
      // mapTypeId: google.maps.MapTypeId.ROADMAP, 
      // mapTypeId: google.maps.MapTypeId.HYBRID, 
      // mapTypeId: google.maps.MapTypeId.SATELLITE, 
      mapTypeControl: true, 
      streetViewControl: true, 
      center: new google.maps.LatLng(14.435947810360242, 121.01270109415054), 
      zoomControl: true, 
      zoomControlOptions: { 
       style: google.maps.ZoomControlStyle.SMALL, 
       position: google.maps.ControlPosition.RIGHT_BOTTOM 
      }, 
      styles: [ 
     {elementType: 'geometry', stylers: [{color: '#242f3e'}]}, 
     {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]}, 
     {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]}, 
     { 
      featureType: 'administrative.locality', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#d59563'}] 
     }, 
     { 
      featureType: 'poi', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#d59563'}] 
     }, 
     { 
      featureType: 'poi.park', 
      elementType: 'geometry', 
      stylers: [{color: '#263c3f'}] 
     }, 
     { 
      featureType: 'poi.park', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#6b9a76'}] 
     }, 
     { 
      featureType: 'road', 
      elementType: 'geometry', 
      stylers: [{color: '#38414e'}] 
     }, 
     { 
      featureType: 'road', 
      elementType: 'geometry.stroke', 
      stylers: [{color: '#212a37'}] 
     }, 
     { 
      featureType: 'road', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#9ca5b3'}] 
     }, 
     { 
      featureType: 'road.highway', 
      elementType: 'geometry', 
      stylers: [{color: '#746855'}] 
     }, 
     { 
      featureType: 'road.highway', 
      elementType: 'geometry.stroke', 
      stylers: [{color: '#1f2835'}] 
     }, 
     { 
      featureType: 'road.highway', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#f3d19c'}] 
     }, 
     { 
      featureType: 'transit', 
      elementType: 'geometry', 
      stylers: [{color: '#2f3948'}] 
     }, 
     { 
      featureType: 'transit.station', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#d59563'}] 
     }, 
     { 
      featureType: 'water', 
      elementType: 'geometry', 
      stylers: [{color: '#17263c'}] 
     }, 
     { 
      featureType: 'water', 
      elementType: 'labels.text.fill', 
      stylers: [{color: '#515c6d'}] 
     }, 
     { 
      featureType: 'water', 
      elementType: 'labels.text.stroke', 
      stylers: [{color: '#17263c'}] 
     } 
     ], 
     }; 

So zum Beispiel, ich habe die coce stykes Karte in einem anderen Javascript und ich will es meinen Javascript enthalten, die die Karte erstellen wil. Wie man diese Datei einfügt und Stile mit Javascript mappt?

Danke!

Answer 1

Wenn Sie Arten benötigen, können Sie

verwenden

var styles = options.styles; 

Auf diese Weise können Sie das styles Objekt erhalten.