Question

我正在尝试使用jQuery UI Marker，但它没有显示出来。为了测试我在地图上方的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问题），但没有显示任何标记。

Answer 1

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

$(document).mousemove(function(e){
    curX = e.pageX + 10;
    curY = e.pageY;

    tooltip = $("#tooltip");
    tooltip.css("left", curX);
    tooltip.css("top", curY);
 });

附加到jQuery UI Tooltip到openstreetmap标记

1 个答案: