javascript - 如何将 Google map 设置为双色调彩色 map ？

Question

我正在尝试使用 Google Maps API 创建一个双色调 map 。我已经尝试使用此向导创建自定义代码，但是当您放大 map 时，您会看到某些区域(我不确定它们是什么)呈白色或绿色。我想知道是否有一种快捷方式可以只为陆地指定一种颜色，为水指定一种颜色。

这是我的样式代码。

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


            }
        ];

Example in JSFiddle

Answer 1

Updated 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" }
]
}
        ];