Различные стили карты, используя Javascript

Question

Мне нужна помощь. Я хочу создать карту, используя javascript, но с разными стилями карты. Как я могу это сделать?

У меня есть этот код для установки стиля только одна карта:

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'}] 
     } 
     ], 
     }; 

Так, например, у меня есть карте stykes coce в другой JavaScript, и я хочу, чтобы включить его в мой JavaScript, что Виль создать карту. Как включить стиль файла и карты с помощью javascript?

Спасибо!

Answer 1

Если вам нужны стили вы можете использовать

var styles = options.styles; 

Таким образом, вы можете получить styles объект.