我了解如何使用以下自定义样式初始化地图:
var styles = [
{
featureType: "water",
stylers: [
{ visibility: "on" },
{ color: "#ffffff" }
]
}
];
var mapOptions = {
zoom: 13,
maxZoom: 15,
minZoom: 12,
center: new google.maps.LatLng(50.924229,-1.396841),
disableDefaultUI: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
styles: styles
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);
但是,一旦地图初始化,是否可以更改为其他样式?例如,在触发某些事件时更改地图的颜色?
答案 0 :(得分:19)
是。只需使用
map.setOptions(mapOptions);
答案 1 :(得分:9)
是,创建一个新的样式对象,然后通过设置选项更改样式: map.setOptions({styles:styles});