谷歌地图 - 禁用地图图块并仅显示多边形形状

【问题标题】：Google Maps - Disable map tiles and show only polygon shapes谷歌地图 - 禁用地图图块并仅显示多边形形状
【发布时间】：2020-09-02 16:20:30
【问题描述】：

使用 Google Maps V3 Api。这是一个奇怪的请求，但我想知道是否可以使用 LAT 和 LONG 在地图画布上绘制多边形形状，但禁用/隐藏画布内的地图图块。简而言之，id 喜欢只显示在地图上绘制的形状。

【问题讨论】：

标签： javascript html google-maps-api-3

【解决方案1】：

根据谷歌地图文档，您可以在初始化地图时执行此操作：

  var map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: 40.674, lng: -73.945},
          zoom: 12,
          styles: [
            {elementType: 'all', stylers: [{visibility: 'off'}]},
          ]
        });

这应用了一种自定义样式，可以隐藏地图上的所有内容。然后，您可以对多边形应用样式以使它们出现。

https://developers.google.com/maps/documentation/javascript/styling

【讨论】：

如果您正在做高度定制的东西并希望拥有完全的可定制性，一个更好的选择是尝试leaflet.js :)