GoogleMap APIの色をカスタマイズしているが変更されない

こんにちは。
以下のコードでGoogleMap APIの色をカスタマイズしていて、普通のマップなら表示できるのですが、色が変更できなくて困っています。

Javascript
1<script>
2        function initialize() {
3            var latlng = new google.maps.LatLng(35.166875,136.880485);/*表示したい場所の経度、緯度*/
4            var myOptions = {
5                zoom: 18, /*拡大比率*/
6                center: latlng, /*表示枠内の中心点*/
7                mapTypeId: google.maps.MapTypeId.ROADMAP,/*表示タイプの指定*/
8                styles: styles,
9
10          };
11          var map = new google.maps.Map(document.getElementById('map_custmomize'), myOptions);
12          /*スタイルのカスタマイズ*/
13          var styles = [
14             {
15              stylers: [
16               { "hue": "#00b2ff" },
17               { "saturation": 49 },
18               { "lightness": 20 },
19               { "gamma": 1.15 }
20              ]
21             }
22            ];
23      }
24        </script>