2016-09-29 21 views
6

leaflet haritaım var ve poligona bir html başlığı (tooltip) eklemek istiyorum. Ben düz JQuery kullanıyorsanız:Bir leaflet.js çokgenine bir html başlığı (araç ipucu) nasıl eklenir?

$('<title>my tooltip</title>').appendTo() 

başlık DOM eklenir ama görünmeyen alır. Daha fazla ayrıntı için bkz. here. Ancak bu çözümü uygularsam, artık broşür özelliklerini kullanamıyorum.

Ayrıca leaflet.label eklentisini de denedim ancak etiket fare imleciyle hareket ediyor. Sadece

+1

bazı keman sağlar. –

cevap

8

Kitapçığı 1.0.0 sahiptir vurgulu üzerinde kısa bir süre sonra bir konumda görünür standart tarayıcı başlık ipucu) Yardımlarınız için

sayesinde istediğiniz yeni bir yerleşik Leaflet.label eklentisi karşı çıkan L.tooltip sınıfında. Araç ipucu, şekil merkezinde işaret eder ve fare ile hareket etmez.

L.polygon(coords).bindTooltip("my tooltip").addTo(map); 

Demo: https://jsfiddle.net/3v7hd2vx/91/


poligon çok büyük ve geçerli yakınlaştırma yapabilirsiniz yüksek olduğunda görüntü dışında olabilir poligon merkezinde görüntülenen araç ipucu hakkında OP'ın yorumunu, ele almak

L.polygon(coords).bindTooltip("my tooltip", { 
    sticky: true // If true, the tooltip will follow the mouse instead of being fixed at the feature center. 
}).addTo(map); 

Güncelleme demo: https://jsfiddle.net/3v7hd2vx/402/

sticky seçeneğini kullanın
+0

oh teşekkürler, İyi görünüyor ama poligonum (iyi, dikdörtgen) haritanın tam boyutu. Tooltip bir yerde kaybolur gibi görünüyor. Yukarıdaki sorunu gidermek için 'sticky' seçeneği eklendi –

+0

eklendi. – ghybs