地图初始化后,是否可以更改Google地图样式?

时间:2012-08-08 13:31:36

标签: google-maps google-maps-api-3

我了解如何使用以下自定义样式初始化地图:

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);

但是,一旦地图初始化,是否可以更改为其他样式?例如,在触发某些事件时更改地图的颜色?

2 个答案:

答案 0 :(得分:19)

是。只需使用

map.setOptions(mapOptions);

答案 1 :(得分:9)

是,创建一个新的样式对象,然后通过设置选项更改样式: map.setOptions({styles:styles});