2013-04-13 111 views
0

我試圖把一個jQuery UI標記,但它沒有顯示出來。爲了測試,我在地圖上方添加了一個標題屬性,它工作正常。附加到jQuery UI Tooltip到openstreetmap標記

我已經嘗試了很多事情喜歡使用.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-索引問題),但沒有顯示標記。

回答

0

爲了解決這個問題,我創建了自己的工具提示div,它在光標移動時移動。然後,當光標位於我想要提示的內容上方時,div將顯示並隱藏:

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

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