如何创建一个只有街道名称的空谷歌地图

How to create an empty google map with only street names

本文关键字:街道 谷歌地图 一个 何创建 创建      更新时间:2023-09-26

我正在研究一个Geolocation应用程序,我想在其中用我自己的(本地)数据填充谷歌地图。但是地图上已经有很多对象了,加上我自己的标记,让用户很忙,很困惑。我不知道如何从一张几乎空白的地图开始,上面只有地名。我已经搜索过了,但我在谷歌地图上找不到任何配置,这使得它是空的。

你可以使用style Maps来控制在你用JavaScript Maps API构建的地图上显示哪些类型的特性。

首先使用Styled Maps Wizard进行试验,直到获得想要的效果,然后使用Show JSON按钮获取可以与Styled Maps API一起使用的数据对象。

例如,我使用向导关闭所有功能,然后只打开道路/标签。这是结果数据:
[
  {
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "elementType": "labels",
    "stylers": [
      { "visibility": "on" }
    ]
  }
]

你可以把它复制到代码中,就像下面这个简单的地图样式示例。

下面是对上述样式的摆弄,以便您可以进一步试验。

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

可以在教程页面找到