再次单击时谷歌地图标记发生变化 - Fidde 附加

Posted 2023-03-28

【中文标题】再次单击时谷歌地图标记发生变化 - Fidde 附加

【英文标题】：Google Map Marker change when reclick again - Fidde attached

【发布时间】：2021-07-12 03:32:06

【问题描述】：

这是我的小提琴。 http://jsfiddle.net/tp2f74sz/

基本上我想要实现的是当我点击它时它会变成绿色，但是当我重新点击时我想再次将它变回黑色。现在当我点击关闭图标时它会改变

请帮忙

谢谢

    var infowindow = new google.maps.InfoWindow(
        
       id: this.id,
        content:this.html,
     pixelOffset: new google.maps.Size(0,-30),
        position:this.getPosition(pixelOffset: new google.maps.Size(500,0))
        
        
      );
          
    

      var markerrr = new google.maps.Marker(
  position: location,
  map: map,
  icon: 'https://www.google.com/mapfiles/marker_green.png'
);
      
      
      google.maps.event.addListenerOnce(infowindow, 'closeclick', function()
        markers[this.id].setVisible(true);
       markers[this.id].setIcon('https://www.google.com/mapfiles/marker_black.png');
        
      );
      
      this.setVisible(true);

      infowindow.open(map);
      this.setIcon('https://www.google.com/mapfiles/marker_green.png');
    );
  

【参考方案1】：

在click 监听器中，检查显示的是哪个图标，然后使用.setIcon() 切换到另一个图标：http://jsfiddle.net/7zqde3kn/

google.maps.event.addListener(markers[i], 'click', function() 
  if (this.icon.includes('black')) 
    this.setIcon('https://www.google.com/mapfiles/marker_green.png');
   else 
    this.setIcon('https://www.google.com/mapfiles/marker_black.png');
  

  ...

【讨论】：

你能帮我这个***.com/questions/67137650/…

你能帮忙吗-> ***.com/questions/67137650/…

不客气，我很高兴它对你有用 :)