leaflet 在一个point 偏移位置添加文字

在Leaflet中，如果你想在一个具体的经纬度点（Point）偏移位置添加文字，可以使用`L.Popup`和`L.DivIcon`结合。首先，你需要创建一个自定义的div图标（DivIcon），并在其中包含你的文字。这里是例子：

function addTextAtOffset(point, message, xoffset, yoffset) {
    var icon = L.divIcon({ // 使用DivIcon创建一个自定义图标
        html: '<span class="leaflet-marker-icon">' + message + '</span>', // 将文字插入HTML
        className: 'text-icon',
        iconSize: [0, 0], // 不限制图标大小，让文字占据整个图标
        iconAnchor: [xoffset, yoffset] // 定义偏移量，相对于图标左上角的位置
    });

    var marker = L.marker(point, {icon: icon}); // 创建一个标记并使用自定义图标
    marker.bindPopup(message); // 绑定弹出的文字信息
    map.addLayer(marker); // 添加到地图上
}

// 示例用法
addTextAtOffset(new L.LatLng(51.505, -0.09), 'Hello World!', 5, 5);

在这个例子中，`xoffset`和`yoffset`分别对应于文字从图标左上角偏移的像素值。