附加到jQuery UI工具提示到openstreetmap标记

Attaching to jQuery UI Tooltip to openstreetmap marker

本文关键字：openstreetmap 标记 工具提示 jQuery UI      更新时间：2023-09-26

我试图把一个jQuery UI标记，但它没有显示。为了测试，我在地图上方的H1添加了一个title属性，它工作得很好。

我已经尝试了许多事情，如使用。attr()设置标记的标题，但这似乎是最合乎逻辑的:

ic = "img/" + place.type + '/' + place.status + ".png";
marker = new OpenLayers.Icon(ic, size, 0);
placeMarker = new OpenLayers.Marker(new OpenLayers.LonLat(place.longitude,     
    place.latitude).transform(gg,sm), marker);
$(placeMarker).tooltip({ content: place.name });
placeLayer.addMarker(placeMarker);

正如我所说，H1工具提示工作(并显示在地图上，所以它不是z-index问题)，但没有显示标记

为了解决这个问题，我创建了自己的工具提示div，当光标移动时它会移动。然后，当光标位于我想要提示的内容上方时，div显示并隐藏:

$(document).mousemove(function(e){
    curX = e.pageX + 10;
    curY = e.pageY;
    tooltip = $("#tooltip");
    tooltip.css("left", curX);
    tooltip.css("top", curY);
 });
相关文章：