用途:为需要 Leaflet 优先 GIS 地图、位置选择、地图驱动界面或地理围栏校验的 Web 应用提供可复用工作流与判断依据。
主要能力:Leaflet 基础地图与可视化;可选 OpenStreetMap 等瓦片提供方;标记、多边形、矩形等位置选择与地图 UI 模式;客户端加服务端双重地理围栏校验;空间数据存储、性能与聚合。能力索引还列出 Turf.js 空间查询与缓冲、Nominatim 或 Leaflet Control Geocoder 地理编码、leaflet.heat 热力图、OSRM/GraphHopper 路径分析、leaflet.draw/Geoman 绘制、leaflet.markercluster 聚合、导出与打印等。
使用方式:先读 SKILL.md,再按需加载 references 下的深入文件,避免默认加载全部引用。地图初始化示例:引入 leaflet@1.9.4 的 CSS 与 JS,使用 L.map("map").setView([0.3476, 32.5825], 12),瓦片 URL 可带 osm_api_key,默认可用 OpenTopoMap 地形瓦片。位置选择:单击添加或更新标记并写入隐藏输入;区域选择用 Leaflet Draw 或 Geoman,将 e.layer.toGeoJSON() 存入隐藏字段。数据模型建议点用 DECIMAL(10,7) 存经纬度,多边形存 GeoJSON,并保留 location_label、address、last_updated_at。后端必须校验纬度 -90 至 90、经度 -180 至 180,并用与 UI 相同逻辑执行围栏边界。
适用场景:客户、资产、农场或配送区域交互地图;用户在地图上选择或编辑位置;需要地理围栏或边界校验;需要带筛选、图例与聚合的 GIS 数据展示。
限制:资料未提供具体收费、价格、平台支持范围或效果数据。地理围栏完整模式、点在多边形内检查与多几何规则需查看 geofencing.md;渲染策略按要素数量选择,超过约 1 万要素应改用 MVT 或 WebGL 方案。位置数据敏感,须做权限保护,不可仅依赖客户端校验。