Question

我想使用JS API删除Google地图中各个地方（例如博物馆，饭店和其他景点）的所有街道名称和大头针。

基本上，我只需要一张完全没有标签的地图。

我认为应该可以。我该如何实现？

这是我要删除的图片，以便进行更好的说明。

Answer 1

是的，您可以隐藏不需要在地图上显示的标签

<html>
  <body>
    <div id="map"></div>
    <script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -33.86, lng: 151.209},
          zoom: 13,
          mapTypeControl: false
        });
          map.setOptions({styles: styles['hide']});
      }

      var styles = {
        hide: [
          {
            featureType: 'poi.business',
            stylers: [{visibility: 'off'}]
          },
          {
            featureType: 'transit',
            elementType: 'labels.icon',
            stylers: [{visibility: 'off'}]
          }
        ]
      };

    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>
    </script>  
</body>
</html>

仍然可以对标签类型进行粒度控制，以了解有关所有样式的更多信息，只需阅读此处：https://mapstyle.withgoogle.com/

如何在Google Maps JS API中隐藏街道名称？

1 个答案: