Javascript Google Map API v3未进行样式化

我试着四处寻找了一段时间，但似乎找不到答案。我在我的网站上实现了GoogleMapsAPIv3，这很有效。然而，当我尝试将其风格化（简单地去饱和）时，它似乎不起作用。我试过很多不同的教程，但都没有用。我也在使用Twitter引导，以节省我在CSS方面的一些工作，如果这会影响什么的话？可以看到这个网站

以下是地图的脚本：

<script type="text/javascript">
  function initialize() {
    var styles = [
      {
        featureType: "all", elementType: "all", stylers: [ { saturation: -100 }
        ]
      }
    ];

    var mapOptions = {
      center: new google.maps.LatLng(42.29900, -71.26232),
      zoom: 17,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);

  };
</script>

函数初始化（）{
变量样式=[
{
featureType:“全部”，elementType:“全部”，样式器：[{saturation:-100}
]
}
];
变量映射选项={
中心：新google.maps.LatLng（42.29900，-71.26232），
缩放：17，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map（document.getElementById（“map_canvas”），
地图选项）；
};

下面是我将其放入页面下方HTML的方式：

<div class="bg-blue">
  <div id="map_canvas" style="width: 100%; height: 250px;"></div>
</div>

---

就像我上面说的，地图显示了，但是样式没有生效。如果你能帮忙，请告诉我。我会非常感激的

您需要在

映射选项

对象中设置

样式

属性：

var mapOptions = {
  center: new google.maps.LatLng(42.29900, -71.26232),
  zoom: 17,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  styles: styles
};

---

您创建了样式，但尚未将其应用于地图

函数初始化（）{
变量样式=[
{
featureType:“全部”，elementType:“全部”，样式器：[{saturation:-100}
]
}
];
变量映射选项={
中心：新google.maps.LatLng（42.29900，-71.26232），
缩放：17，
mapTypeId:google.maps.mapTypeId.ROADMAP，
styles:styles//这就解决了。非常感谢！我每次看文档时一定都错过了这一点……新手犯了错误。我欠你一块饼干。@Zack，我要做的不是饼干，而是“向上投票”（单击向上箭头）.谢谢.我之前试过了，但我不能，因为我没有足够高的声誉.对不起…很遗憾，我不得不接受饼干了。
function initialize() {

    var styles = [
      {
        featureType: "all", elementType: "all", stylers: [ { saturation: -100 }
        ]
      }
    ];

    var mapOptions = {
      center: new google.maps.LatLng(42.29900, -71.26232),
      zoom: 17,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      styles: styles  // <-- add this
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);

};