leaflet 动态标注

在Leaflet中，可以通过使用`L.marker`对象来创建动态标注。动态标注可以在地图上根据不同的条件进行添加、更新或移除。

首先，你需要创建一个地图对象，并将其加载到页面上。然后，使用`L.marker`创建标注对象，并设置其位置和其他属性。接下来，将标注对象添加到地图上。

下面是一个示例代码，展示了如何创建一个简单的动态标注：

// 创建地图对象
var map = L.map('map').setView([51.505, -0.09], 13);

// 加载地图图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
    maxZoom: 18,
}).addTo(map);

// 创建动态标注
var marker = L.marker([51.5, -0.09]).addTo(map);

// 设置标注的位置和其他属性
marker.setLatLng([51.5, -0.09]).bindPopup("Hello, I am a marker!").openPopup();

在这个示例中，我们首先创建了一个地图对象并加载了地图图层。然后，创建了一个标注对象并设置其位置为`[51.5, -0.09]`。接着，使用`setLatLng`方法更新了标注的位置，并使用`bindPopup`方法绑定了弹出窗口的内容。最后，调用`openPopup`方法打开弹出窗口。

你可以根据自己的实际需求，使用不同的方法和属性来创建和更新动态标注。