如何获得没有标签的地图？答案

【问题标题】：How to get a map without labels?如何获得没有标签的地图？
【发布时间】：2017-08-08 18:08:13
【问题描述】：

我想要一张有路网的地图（我只需要一张图片）但没有标签（地图上的文字）。我试图从 Google API 获取这样的地图并认为"element:geometry" 有效。

但是，例如，this link 仍然充满了文本。

如何获取没有文字标签的路网图（静态图片即可）？
任何提供者都可以，例如谷歌、雅虎、Mapquest...

【问题讨论】：

这些解决方案适用于“路线图”和“卫星”。我正在尝试获取没有街道名称的 StreetView。我一直在阅读 API 文档，但找不到如何删除街景上的标签。有什么线索吗？

标签： google-maps

【解决方案1】：

使用这种风格：

style=feature:all|element:labels|visibility:off

它将隐藏所有功能的所有标签。

http://maps.google.com/maps/api/staticmap?sensor=false&size=512x512&center=Brooklyn&zoom=12&style=feature:all|element:labels|visibility:off

【讨论】：

maps.googleapis.com/maps/api/…

【解决方案2】：

我有一个更好的解决方案：

创建一个html文件并在下面插入代码。

<!DOCTYPE html>
<html>
  <head>
    <title>Mapa GMR Norte</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
function initMap() {
  var customMapType = new google.maps.StyledMapType([
      {
        elementType: 'labels',
        stylers: [{visibility: 'off'}]
      }
    ], {
      name: 'Custom Style'
  });
  var customMapTypeId = 'custom_style';

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 41.4416459, lng: -8.2911885},  // Brooklyn.
    mapTypeControlOptions: {
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, customMapTypeId]
    }
  });

  map.mapTypes.set(customMapTypeId, customMapType);
  map.setMapTypeId(customMapTypeId);
}

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

希望对您有所帮助！ :)

【讨论】：

【解决方案3】：

Google Maps Styled Map Wizard（以下链接）将允许您删除标签（并进行大量其他自定义）。

https://mapstyle.withgoogle.com/

【讨论】：

链接是谷歌地图风格的地图向导。如果该链接不可用，那么我的回答无效。
答案中的链接已失效 - 错误 404（未找到）
感谢您的回答。该链接有效，Google 将建议使用基于云的地图样式，但您需要登录到 Google Cloud Console。基于云的地图样式提供了更多的自定义功能。

【解决方案4】：

This is the documentation 关于 JavaScript API 的地图样式。还有一个Styled Map Wizard，让您可以使用样式来获得您想要的。

【讨论】：

是的，我看到了那个文件。他们说“元素：几何仅选择该特征的几何元素。元素：标签仅选择与该特征相关的文本标签。”我只想要几何元素（道路网络）并避免文字标签。所以我使用“元素：几何”。但它不会删除地图上的文字。

【解决方案5】：

通过“我只需要一张图片”，我认为您不需要访问 API，Google Inc 的开发人员仍然没有机会将旧地图的所有功能应用到新设计中。但是你仍然可以通过https://maps.google.com/?output=classic访问它

你可以去设置和自定义“勾选标签关闭”等等......

【讨论】：