Присоединение к jQuery UI Tooltip к маркеру openstreetmap

Question

Я пытаюсь поместить jQuery UI Marker, но он не отображается. Чтобы проверить, я добавил атрибут title в H1 выше моей карты, и он работает нормально.

Я попробовал несколько вещей, таких как установка название маркера с помощью .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-индекса), но ничего не отображается для маркера.

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