Javascript google地图动态设置地图对象的样式

我想知道是否可以在以后动态更改贴图对象的“样式”属性。 我正在寻找地图设置样式的方法，但没有找到适合我的方法

代码片段：

函数initMap（）{
//在夜间模式下设置地图样式。
var map=new google.maps.map（document.getElementById（'map'）{
中心：{lat:40.674，lng:-73.945}，
缩放：12，
风格：[
{
特色类型：“道路”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
},
{
featureType:“administration.locality”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
}
]
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}

---

使用

.setOptions

：

map.setOptions({styles: [{
    featureType: "administrative.locality",
    elementType: "labels",
    stylers: [
      { visibility: "on" }
    ]
}]});

代码片段：

函数initMap（）{
//在夜间模式下设置地图样式。
var map=new google.maps.map（document.getElementById（'map'）{
中心：{
拉脱维亚：40.674，
液化天然气：-73.945
},
缩放：12，
风格：[{
特色类型：“道路”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}, {
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
map.setOptions({
风格：[{
特色类型：“道路”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}, {
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
var-toggle=true；
google.maps.event.addDomListener（document.getElementById（'btn'），“单击”，函数（）{
如果（切换）{
map.setOptions({
风格：[{
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
}否则{
map.setOptions({
风格：[{
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“开”
}]
}]
});
}
切换=！切换；
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}

---

使用

.setOptions

：

map.setOptions({styles: [{
    featureType: "administrative.locality",
    elementType: "labels",
    stylers: [
      { visibility: "on" }
    ]
}]});

代码片段：

函数initMap（）{
//在夜间模式下设置地图样式。
var map=new google.maps.map（document.getElementById（'map'）{
中心：{
拉脱维亚：40.674，
液化天然气：-73.945
},
缩放：12，
风格：[{
特色类型：“道路”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}, {
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
map.setOptions({
风格：[{
特色类型：“道路”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}, {
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
var-toggle=true；
google.maps.event.addDomListener（document.getElementById（'btn'），“单击”，函数（）{
如果（切换）{
map.setOptions({
风格：[{
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“关闭”
}]
}]
});
}否则{
map.setOptions({
风格：[{
featureType:“administration.locality”，
elementType:“标签”，
样式：[{
能见度：“开”
}]
}]
});
}
切换=！切换；
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}