Google Maps API v3：地形图的自定义样式答案

【问题标题】：Google Maps API v3: Custom Style for Terrain MapsGoogle Maps API v3：地形图的自定义样式
【发布时间】：2017-01-02 17:20:09
【问题描述】：

有谁知道是否可以为地形图创建自定义浮雕样式？您显然可以为法线贴图创建自定义样式，但我也想更改地形的默认颜色渐变，

非常感谢

【问题讨论】：

标签： google-maps

【解决方案1】：

您确实可以设置地形图的样式。我在这里有一个 JSFiddle 来证明这一点：

https://jsfiddle.net/w77bycw0/

在我的示例中，我只是将水体变成白色只是为了演示您可以设置地形图的样式。请注意，您需要添加自己的 API 密钥才能使用！

设置地形图样式的方式与设置路线图样式大致相同，只需指定地形图即可：

var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 40.674, lng: -73.945},
zoom: 12,
mapTypeId: 'terrain',
styles: [

  {
    featureType: 'water',
    elementType: 'geometry',
    stylers: [{color: '#FFFFFF'}]
  },
  {
    featureType: 'water',
    elementType: 'labels.text.fill',
    stylers: [{color: '#515c6d'}]
  },
  {
    featureType: 'water',
    elementType: 'labels.text.stroke',
    stylers: [{color: '#17263c'}]
  }
]
});

我希望这会有所帮助！

【讨论】：

在右下方窗格中，我收到“糟糕！出了点问题。此页面未正确加载 Google 地图。有关技术详情，请参阅 JavaScript 控制台。”这是我的浏览器中的错误还是发生了一些变化？
自从我支持 Google 地图以来已经有几年了，所以我不能保证一切都以同样的方式工作。但是，我相信您收到该错误的原因是您需要在请求中包含您的 API 密钥。出于安全目的，我从 jsfiddle 中编辑了我的 API 密钥，因为 API 密钥是私有的。如果您获得自己的密钥并将其插入到显示“MY_API_KEY”的小提琴中，您应该能够正确加载地图。