javascript - HTML 谷歌地图定制

Question

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

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

请注意，我知道如何在我的网站上嵌入谷歌地图，我只是不知道如何像这张图片一样进行自定义(这正是我真正想要的):

Answer 1

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

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

  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获取详细信息