Javascript Can'；我不知道如何定制谷歌地图。

说到js，我对这条船很熟悉。地图显示在适当的位置，但样式设置不起作用

它一直在告诉我，我大部分的代码都没有足够的信息，所以我写这篇文章就是为了让它消失

    function initialize() {

        var mapCanvas = document.getElementById('map-canvas');
        var mapOptions = {
          center: new google.maps.LatLng(34.695301,-82.401196),
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(mapCanvas, mapOptions)
      }


      google.maps.event.addDomListener(window, 'load', initialize);

          [
  {
    "featureType": "landscape.natural",
    "stylers": [
      { "color": "#2e2d2d" }
    ]
  },{
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#facf0b" }
    ]
  },{
    "featureType": "road.local",
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#808080" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "labels",
    "stylers": [
      { "color": "#808080" }
    ]
  },{
  }
]

---

您需要设置样式

  map.set('styles', [
  {
    featureType: 'road',
    elementType: 'geometry',
    stylers: [
      { color: '#000000' },
      { weight: 1.6 }
    ]
  }]);

使用创建映射的变量（var映射）并设置样式

例如：

var styles = [
  {
    stylers: [
      { hue: "#00ffe6" },
      { saturation: -20 }
    ]
  },{
    featureType: "road",
    elementType: "geometry",
    stylers: [
      { lightness: 100 },
      { visibility: "simplified" }
    ]
  },{
    featureType: "road",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
];

map.setOptions({styles: styles}); 

---

它不起作用了。我认为我没有把代码放在正确的地方。