Google Maps API V3 InfoBox使用jQuery fadeIn和fadeOut

本文介绍了Google Maps API V3 InfoBox使用jQuery fadeIn和fadeOut的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我已经搜索了网页的高低，并且一直没有找到使用jQuery在Google Maps中淡出InfoBox / InfoWindow的教程或例子，而不是实际框/窗口的内容。这是我的代码，我不确定我做错了什么，但是看起来也不对。

I have searched the web high and low and have not been able to find a tutorial or example of using jQuery to fade an InfoBox/InfoWindow in Google Maps not the content the actual box/window. Here is my code, I'm not sure what I'm doing wrong, but something also doesn't seem right.

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

});

推荐答案

实际上可以淡入信息框，像这样覆盖infobox.js文件中的绘图函数

It is actually possible to fadein the infobox, you have to override the draw function in the infobox.js file like this

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

这篇关于Google Maps API V3 InfoBox使用jQuery fadeIn和fadeOut的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

Infobox