Google Maps API v3:地形图的自定义样式

use*_*815 4 google-maps

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

非常感谢

小智 5

您确实可以设置地形图的样式。我在这里有一个 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'}]
  }
]
});
Run Code Online (Sandbox Code Playgroud)

我希望这有帮助!