javascript - 如何将 Google Maps 设置为两色地图？

Question

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

这是我的样式代码。

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