MapStyle更改时,GoogleMaps会更改图标的标记

我正在我的html/jsp页面中使用Google地图进行Web动态项目.

由于(lat,lng,map)我创建了一个创建标记的函数,并在标记的参数中使用特殊的image.png作为图标.

在我的地图中,我制作了两种不同的风格(地图的颜色......):"日"和"夜".

我想知道当用户点击Night改变样式时如何更改标记的图标.实际上,标记的颜色对于这种风格的地图并不好......

我尝试使用相同的名称初始化不同样式的var image = /.../...png,所以我可以在地图代码中使用var,但它不起作用.我也试过了

if(map.mapTypeControlOptions.mapTypeIds.equals(Day)){
    var image=...png
} else {
    var image=...png
}...

customMapTypeIdJour

BuzzRage.. 7

我开始赏金,但最后我得到了答案.根据谷歌的文档,getMapTypeId()返回一个MapTypeId字符串(如'Jour'或'Nuit'(salut compatriote!)).

所以,如果你持有,markerList你可以这样做:

google.maps.event.addListener( map, 'maptypeid_changed', function() {
    if(map.getMapTypeId() == "Nuit"){
      for(var i=0;i




根据这个答案,maptypeid_changed是mapTypeId财产变化时发出的信号.


1> BuzzRage..：
我开始赏金,但最后我得到了答案.根据谷歌的文档,getMapTypeId()返回一个MapTypeId字符串(如'Jour'或'Nuit'(salut compatriote!)).

所以,如果你持有,markerList你可以这样做:



google.maps.event.addListener( map, 'maptypeid_changed', function() {
    if(map.getMapTypeId() == "Nuit"){
      for(var i=0;i


2> Jakub Muda..：
你尝试过使用svg图形吗？您可以使用javascript轻松更改其外观.

您必须使用Corel Draw,Adobe Illustrator或任何其他免费程序等矢量编辑器软件制作标记的svg.在文本编辑器中打开生成的文件,您会发现类似的内容.




你申请css:

svg path{fill:red} /*any color here*/ 


您希望使用javascript更改颜色所做的任何更改都可以使用上述css的简单更改来完成.我希望我能告诉你如何改变标记.