如何在google maps v3中更改海洋的颜色

时间:2012-03-08 13:46:05

标签: javascript html google-maps

我在我正在创建的新网站中使用谷歌地图v3,我希望能够将海洋颜色显示为白色或透明。我无法看到如何做到这一点,如果有人知道我会感谢你的帮助。

顺便说一句,谷歌地图属于国家:爱尔兰

3 个答案:

答案 0 :(得分:6)

使用Google Maps API v3:

[
  {
    featureType: "water",
    elementType: "geometry",
    stylers: [
        { invert_lightness: true },
        { hue: "#ff003b" },
        { saturation: -100 },
        { lightness: 100 } /* generates "white" color */
    ]
  }
]

使用以下工具协助设计地图样式:

http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

答案 1 :(得分:4)

您可以使用Styled Maps Wizard

设置地图样式

完成后,您可以通过右下方的“显示JSON”按钮导出更改。 最后,将生成的JSON传递给您的地图:

var map = new google.maps.Map(container_element, {styles: your_exported_settings});

或者,如果您需要更改现有的地图实例:

map.setOptions({styles: your_exported_settings});

您还可以查看Google Maps JavaScript API V3 Styling guide

答案 2 :(得分:2)

你还有一个向导,知道它如何与你的风格一起工作:
Stylers Wizard Google Maps
您可以单击Show JSON查看代码!玩得开心;)!