HTML 谷歌地图定制答案

【问题标题】：HTML Google Maps CustomizedHTML 谷歌地图定制
【发布时间】：2014-08-23 01:29:16
【问题描述】：

我在一个网站上工作，我曾经以更简单的方式嵌入谷歌地图，不过，我想知道如何像这张图片一样自定义我的谷歌地图，我的意思是如何让它完全响应，没有烦人的箭头，也没有其他选项，只有带有这种颜色的地图。

如果有人知道怎么做，请提供一些帮助，如果有任何网站提供一些简单的示例，那就太好了。

请注意，我知道如何在我的网站上嵌入谷歌地图，但我只是不知道如何像这张图片一样自定义（这就是我真正想要的）：

【问题讨论】：

使用gmap3，可以自定义marker。 gmap3.net/en/pages/19-demo
另外，您还完整阅读了 Google Maps API 文档吗？谷歌对这些东西总是非常彻底，你的问题似乎是没有阅读该文档的结果。

标签： javascript html css maps

【解决方案1】：

您可以设置谷歌地图的样式。

以下示例将所有地图要素变为灰色，然后将主干道几何图形着色为蓝色，并完全隐藏商业标签

  var styleArray = [
  {
    featureType: "all",
    stylers: [
      { saturation: -80 }
    ]
  },{
    featureType: "road.arterial",
    elementType: "geometry",
    stylers: [
      { hue: "#00ffee" },
      { saturation: 50 }
    ]
  },{
    featureType: "poi.business",
    elementType: "labels",
    stylers: [
      { visibility: "off" }
    ]
  }
];

详情请参考link

【讨论】：

最好把它写成评论而不是回答，以避免被否决。
我没有足够的声誉来发表评论。