javascript - Googleマップをツートンカラーの地図としてスタイル設定するにはどうすればよいですか？

Question

GoogleMapsAPIを使用してツートーンマップを作成しようとしています。このウィザードを使用してカスタムコードを作成しようとしましたが、マップを拡大すると、特定の領域（それらが何であるかはわかりません）が白または緑で表示されます。陸に1色、水に1色だけ指定するショートカットがあるのではないかと思いました。

これが私のスタイリングコードです。

var styles = [
            {
                featureType: "water",
                elementType: "geometry",
                stylers: [
                    { color: '#193a70' },
                    { visibility: "on" }
                ]
            },{
                featureType: "landscape",
                 elementType: "geometry.fill",
                stylers: [
                    { "color": "#2c5ca5" }
                ]


            }
        ];

JSFiddleの例

Answer 1

更新されたJSFiddle

これが修正です。「関心のあるポイント」または「poi」およびその他のさまざまな要素が欠落していました。

    var styles = [
            {
                featureType: "water",
                elementType: "all",
                stylers: [
                    { color: '#193a70' },
                    { visibility: "on" }
                ]
            },
            {
             featureType: "road",
              stylers: [
               { "visibility": "off" }
                  ]
                 },
          {
              featureType: "transit",
   stylers: [
   { "visibility": "off" }
      ]
    },{
       featureType: "administrative",
 stylers: [
   { "visibility": "off" }
    ]
 },  {
    featureType: "landscape",
                 elementType: "all",
                stylers: [
                    { "color": "#2c5ca5" }
                ]
                },{
                featureType: "poi",
                 stylers: [
                 { "color": "#2c5ca5" }

                ]
            },
            {
     elementType: "labels",
stylers: [
  { "visibility": "off" }
]
}
        ];