如何创建仅包含街道名称的空谷歌地图

Question

我正在开发一个Geolocation应用程序，我想用自己的（本地）数据填充Google地图。但是地图上已经存在很多对象，加上我自己的标记会让它变得如此繁忙并且让用户感到困惑。我想知道如何从一个只有地方名称的几乎空的地图开始。我已经搜索过了，但我找不到谷歌地图上的任何配置，这使它变空。我很感激任何建议。

Answer 1

var map = new google.maps.Map(document.getElementById('map-canvas'))

可在tutorial page上找到。

Answer 2

您可以使用Styled Maps来控制使用JavaScript Maps API构建的地图上显示哪些功能。

首先尝试使用Styled Maps Wizard，直到获得所需效果，然后使用Show JSON按钮获取可与Styled Maps API一起使用的数据对象。

例如，我使用向导关闭所有功能，然后仅打开道路/标签。这是结果数据：

[
  {
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "elementType": "labels",
    "stylers": [
      { "visibility": "on" }
    ]
  }
]

您可以将其复制到像simple styled map example这样的代码中。

这里有一个fiddle，其中包含上述样式，因此您可以进一步尝试。