google-maps-api-3 - Google Maps Styled (API) - 使用 javascript

Question

我正在尝试应用此向导中的代码http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html

例如：

[
  {
    "elementType": "geometry",
    "stylers": [
      { "hue": "#00ccff" },
      { "visibility": "simplified" }
    ]
  }
]

在这段代码中

有人愿意帮忙吗？我真的不知道继续进行。

Answer 1

将问题中的示例数组传递给stylesmap 的 -option ：

       地图 = 新 google.maps.Map(document.getElementById('map-canvas'), {
          中心：新 google.maps.LatLng(48.70727541512677,
                                         20.578157256250062),
          缩放：7，
          风格：[
  {
    "elementType": "几何",
    “造型师”：[
      {“色调”：“#00ccff”}，
      {“可见性”：“简化”}
    ]
  }
],
          泛控制：假，
    缩放控制：真，
    缩放控制选项：{
      风格：google.maps.ZoomControlStyle.SMALL
    },
        街景控制：假，
        地图类型控制：真，
    地图类型控制选项：{
      样式：google.maps.MapTypeControlStyle.DROPDOWN_MENU，


},


      mapTypeId: google.maps.MapTypeId.ROADMAP


});

http://jsbin.com/owaxas/1/edit