jquery - 使用 jQuery fadeIn 和 fadeOut 的 Google Maps API V3 InfoBox

Question

我在网上到处搜索，但找不到使用 jQuery 淡出 Google map 中的 InfoBox/InfoWindow 的教程或示例，而不是实际框/窗口的内容。这是我的代码，我不确定我做错了什么，但有些东西似乎也不正确。

google.maps.event.addListener(marker, 'mouseover', function() {
    ib.setContent(html);
    ib.open(map, marker);
    ib.setValues({type: "point", id: 2})

   var idName = marker.get("id"); //I was trying to the id's of the elements here 
   var boxName = ib.get("id");    //to use in my jQuery

   jQuery(idName ).mouseover(function() {
      jQuery(boxName ).fadeIn('slow', function() {
    // Animation complete
   });
  });

});

Answer 1

实际上可以淡入信息框，您必须像这样重写 infobox.js 文件中的绘制函数

var oldDraw = ib.draw;
ib.draw = function() {
   oldDraw.apply(this);
   jQuery(ib.div_).hide();
   jQuery(ib.div_).fadeIn('slow'); 
}