如何样式谷歌地图作为一个双色调彩色地图

How to style Google Maps as a two tone coloured map?

本文关键字：一个色调地图彩色何样式样式谷歌地图更新时间：2023-09-26

我试图使用谷歌地图API创建一个双音地图。我尝试使用这个向导创建自定义代码，但是当你放大地图时，你可以看到某些区域(我不确定它们是什么)是白色或绿色的。我想知道是否有一种快捷方式可以指定一种颜色用于土地，一种颜色用于水。

这是我的样式代码。

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

            }
        ];

JSFiddle

示例

已更新的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" }
]
}
        ];