谷歌地图。单击后更改样式

Question

我想动态改变地图的风格。 但它不起作用......

功能改变（）{

map.setOptions（{styles：[{＆＃34; featureType＆＃34;：＆＃34; landscape＆＃34;，＆＃34; stylers＆＃34;：[{＆＃34; saturation＆＃34;： -100}，{＆＃34;亮度＆＃34; 65}，{＆＃34;能见度＆＃34;：＆＃34;上＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆ ＃34; POI＆＃34;＆＃34;造型器＆＃34;：[{＆＃34;饱和＆＃34;： - 100}，{＆＃34;亮度＆＃34; 51}，{＆＃34;能见度＆＃34;：＆＃34;简化＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆＃34; road.highway＆＃34;＆＃34;造型器＆＃34;：[{＆ ＃34;饱和＆＃34;： - 100}，{＆＃34;能见度＆＃34;：＆＃34;简化＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆＃34;道路。动脉＆＃34;＆＃34;造型器＆＃34;：[{＆＃34;饱和＆＃34;： - 100}，{＆＃34;亮度＆＃34; 30}，{＆＃34;能见度＆＃34 ;：＆＃34;上＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆＃34; road.local＆＃34;＆＃34;造型器＆＃34;：[{＆＃34;饱和度＆＃34;： - 100}，{＆＃34;亮度＆＃34; 40}，{＆＃34;能见度＆＃34;：＆＃34;上＆＃34;}]}，{＆＃34;类型特征＆ ＃34;：＆＃34;中转＆＃34;＆＃34;造型器＆＃34;：[{＆＃34;饱和＆＃34;： - 100}，{＆＃34;能见度＆＃34;：＆＃34 ;简化＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆＃34; administrative.province＆＃34;＆＃34;造型器＆＃34;：[{＆＃3 4;能见度＆＃34;：＆＃34;关闭＆＃34;}]}，{＆＃34;类型特征＆＃34;：＆＃34;水＆＃34;＆＃34;的ElementType＆＃34;：＆＃34 ;标签＆＃34;＆＃34;造型器＆＃34;：[{＆＃34;能见度＆＃34;：＆＃34;上＆＃34;}，{＆＃34;亮度＆＃34;： - 25}， {＆＃34;饱和＆＃34;： - 100}]}，{＆＃34;类型特征＆＃34;：＆＃34;水＆＃34;＆＃34;的ElementType＆＃34;：＆＃34;几何＆＃ 34;，＆＃34;造型器＆＃34;：[{＆＃34;色调＆＃34;：＆＃34;＃FFFF00＆＃34;}，{＆＃34;亮度＆＃34;： - 25}，{＆ ＃34;饱和＆＃34;： - 97}]}]}）;

}

jsfiddle.net/9cLjg/23 /

Answer 1

map var是未定义的，因为它是init函数的本地，如果你将map变量设为全局，你可以这样做。

map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

http://jsfiddle.net/nA7gr/