如何使用leaflet label

Leaflet.Label是一个用于在地图上添加自定义标签的小插件，它允许你在地图标记、图标或其他图层上添加文本信息。以下是基本步骤：

1. **安装**：
首先需要在项目中引入Leaflet库以及Leaflet.Label插件。你可以通过npm或CDN链接来获取它们：
- 使用npm: `npm install leaflet-label`
- 或者直接在HTML文件中引用CDN: `<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />` 和 `<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>`, `<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.label/0.7.5/leaflet.label.min.js"></script>`

2. **创建实例**：
创建一个新的Label实例，通常会作为地图图层的一部分：

   var label = L.label('这是一个标签', {
     position: [51.505, -0.09], // 地理坐标
     className: 'custom-class', // 自定义样式类名
   });

3. **添加到地图**：
将Label实例添加到地图上，可以作为Marker的附属项，或者添加到其他图层组中：

   var marker = L.marker([51.5, -0.09]).addTo(map);
   marker.bindPopup(label); // 将标签绑定到Marker的popup
   map.addLayer(label);

4. **定制显示**：
可以通过设置label的属性来自定义字体、颜色、大小等样式，比如：

   label.options.className += ' bold'; // 添加一个自定义类名来应用粗体样式

5. **事件处理**：
可以为Label添加点击、悬停等事件监听器，例如：

   label.on('click', function() {
     alert('标签被点击');
   });