leaflet

绘制图片

 var center = map.getCenter();

 //var imageBounds = [[38.932404, 115.427919], [40.916611, 117.390748]];
 var imageBounds = [[center.lat, center.lng], [center.lat + 20, center.lng + 20]];
 // 将图片作为自定义图层加载到地图上（类似于Marker）
 let imgLayer = L.imageOverlay('./img/drone.png', imageBounds, { opacity: 1, zIndex: 20 });
 imgLayer.addTo(map);

绘制固定大小的图片

   // 1. 创建自定义图标，并指定其固定大小
   var myIcon = L.icon({
       iconUrl: './img/drone.png',
       iconSize: [30, 30], // 设置图标显示的固定大小 [宽度, 高度]（单位：像素）
       iconAnchor: [15, 15] // 设置图标的锚点（可选，通常为图标中心）
   });

   // 2. 创建一个Marker，并将图标设置给它
   let imgLayer = L.marker([center.lat, center.lng], { icon: myIcon });
   imgLayer.addTo(map);

清除图层

//addTo的时候将对应的元素存在数组中
 droneLayers.forEach(layer => {
                map.removeLayer(layer);
            });