鼠标悬停工具提示jquery（酒醉）

我试图在标记悬停上执行Jquery工具提示代码，但我认为问题在于设置位置。鼠标悬停工具提示jquery（酒醉）

这里是我的代码

 google.maps.event.addListener(marker, "mouseover", function() { 
    $('#example-1').tipsy(); 
     });

鼠标悬停代码本身的工作原理，但我认为我可能需要设置工具提示的位置？

该插件可以在这里找到： http://onehackoranother.com/projects/jquery/tipsy/

来源

2011-07-09 pufAmuf

这里的问题是元素必须在地图上。

有关如何做到这一点看看自定义信息窗口示例说明，谷歌为：

谷歌地图JavaScript API v3示例信息窗口自定义

来源

2011-07-10 15:36:01 QuentinUK

嗯，理想情况下，我可以在mouseover上加载infowindow，并在mouseleave上关闭它，然后在css中设置它的样式，使其看起来像一个工具提示。谢谢，我会尝试。 – pufAmuf

而不是导入一个额外的库获取工具提示在地图上，只需使用属于Google Maps JavaScript API v3的InfoWindow对象即可。

另一个更容易（但功能较少的选项）选项是使用Marker对象的默认工具提示功能。只需在标记上设置title属性并完成。

marker.setTitle('rollover text!!!');

（如果确实需要在醉意，是不是可以使用InfoWindow一些功能，它很可能是很好的包括功能是什么的问题和/或评论。）

来源

2011-07-10 16:16:58 Trott

谢谢，我目前使用title属性，尽管我不喜欢显示延迟时间和windows工具提示的默认外观。我想要做的是：http://onehackoranother.com/projects/jquery/tipsy/ – pufAmuf

也许有人仍然需要解决方案。这是我解决它的方法。

首先，在你的地图图层

$(dom).on('hover', 'area', function() { 
    var $this = $(this), title = $this.attr('title'); 
    if (title) { 
     $this.removeAttr('title'); 

     // this is the best dom node I figured out to attach the tipsy (and trigger this very first time) 
     $this.parent().parent().attr('title', title).tipsy().tipsy("show"); 
    } 
});

定义的“区域”监听器，用于悬停事件当你把你的制造商，做没有优化：

new google.maps.Marker({ 
    map: map, 
    title: title, 
    position: location, 
    // make maps to create a DOM node for each marker 
    optimized: false 
});

这就是所有！

来源

2013-08-11 11:26:04 joserobleda

鼠标悬停工具提示jquery（酒醉）

回答

相关问题