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

时间:2017-01-02 17:20:10

标签: google-maps

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

非常感谢

1 个答案:

答案 0 :(得分:3)

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

我希望这有帮助!