惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
小众软件
小众软件
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
人人都是产品经理
人人都是产品经理
大猫的无限游戏
大猫的无限游戏
V
V2EX
阮一峰的网络日志
阮一峰的网络日志
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - Franky
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - Blog
Jina AI
Jina AI
博客园 - 聂微东
S
SegmentFault 最新的问题
量子位
宝玉的分享
宝玉的分享
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页

博客园 - Hey,Coder!

微信小程序 web方案实现调音器功能 systemctl slice配置docker最大占用cpu 内存 pipenv环境变量配置 .net8验证码 数据库差异对比工具 docker部署prometheus grafana pgexporter Alertmanager ubuntu24 换源 ssh配置 ubuntu24 Harbor部署 ubuntu24 kvm部署 cockpit web管理界面 .net api代理 Ubuntu 24.04 DMAR IOMMU 报错修复 uniapp iOS App 上架 vs文件软链接 Docker 网络别名 .net8通用中间件处理公共返回值结构 .net环境下OpenTelemetry Body 读取注意事项 jaeger界面显示异常 .net opentelemetry collector jaeger c# opentelemetry 自定义export c# opentelemetry 自定义export c# 生成对象的初始化代码 Elasticsearch ILM 与 Data Stream 概念及实例说明文档 portainer httphelper封装 Ocelot + Consul + SignalR 粘性会话 正交软件架构 docker postgresql17 主从复制 rabbitmq总结与c#示例 docker rabbitmq quartz dashboard
leaflet
Hey,Coder! · 2026-01-14 · via 博客园 - Hey,Coder!

绘制图片

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