如何将Google地图风格设置为双色地图?

4

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

这是我的样式代码。

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


            }
        ];

Example in JSFiddle

1个回答

3

这里是更新后的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" }
]
}
        ];

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接