使用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在另一個JavaScript的CocE，我想它包括我的JavaScript西港島線創建地圖。 如何使用JavaScript包含該文件和地圖樣式？

謝謝！

Answer 1

如果你需要的款式，你可以使用

var styles = options.styles; 

這樣你就可以得到styles對象。