cách thêm tiêu đề html (chú giải công cụ) vào đa giác leaflet.js?

Question

Tôi có một bản đồ leaflet và tôi muốn thêm tiêu đề html (chú giải công cụ) vào đa giác của mình. Nếu tôi sử dụng đồng bằng JQuery:

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

Tiêu đề được thêm vào DOM nhưng không hiển thị. Xem here để biết thêm chi tiết nhưng nếu tôi làm theo giải pháp đó, tôi không còn có thể sử dụng các tính năng của tờ rơi nữa.

Tôi cũng đã thử plugin leaflet.label nhưng nhãn di chuyển xung quanh bằng con trỏ chuột. Tôi chỉ muốn trình duyệt tiêu chuẩn danh hiệu tooltip xuất hiện trong một vị trí ngay sau trên di chuột)

nhờ sự giúp đỡ của bạn

Answer 1

Tờ rơi 1.0.0 có một built-in L.tooltip lớp deprecates plugin Leaflet.label mới. Chú giải công cụ trỏ vào trung tâm hình và không di chuyển bằng chuột.

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

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

---

Để giải quyết nhận xét OP về tooltip được trưng bày tại trung tâm đa giác, có thể ngoài tầm nhìn khi đa giác là rất lớn và zoom hiện nay là cao, bạn có thể sử dụng sticky tùy chọn:

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

Cập nhật bản demo: https://jsfiddle.net/3v7hd2vx/402/