SuperAPI AI 工具集

preview-leaflet

通用与其它

查看项目

更新于 10-16 01:14

技能介绍

用途:preview-leaflet 用于把 Leaflet 代码渲染成可交互地图预览,适合可视化地理数据、标注地点、绘制路线、展示服务区域或区域范围等场景。

主要能力:支持平移缩放、标记与弹窗、折线与路线、多边形与圆形、多种瓦片图层(如 OpenStreetMap、CartoDB)、悬停提示、fitBounds 显示全部点、重置视图按钮、代码查看器切换,以及自适应窗口的响应式设计。

使用方式:编写 Leaflet 代码后通过管道或文件交给 run.sh 执行,例如 cat route.js | ./run.sh 或 ./run.sh city-map.leaflet;也可用 /preview-leaflet city-map.leaflet 或 /preview-leaflet route.map。脚本负责生成 HTML 并自动打开浏览器,不要手动打开文件以免重复标签页。临时内容建议用管道而非创建临时文件。支持 -o/--output 指定输出路径、--no-browser 跳过浏览器。

代码要求:需用 L.map('map').setView([lat, lng], zoom) 初始化地图,添加瓦片图层(否则地图空白),再添加标记、路径等要素。运行环境提供 Leaflet v1.9.4(变量 L)和已就绪的 #map 容器。坐标格式为 [纬度, 经度],纬度 -90 到 90,经度 -180 到 180,注意不要写反。

限制:文件扩展名为 .leaflet,最大 10MB(可配置),需为自包含的有效 JavaScript,不依赖外部数据文件;需要现代浏览器、启用 JavaScript,并联网加载瓦片;输出为独立 HTML 文件,位于 .preview-skills/leaflet/{filename}.html。若地图空白、标记不显示或瓦片加载失败,可检查瓦片图层、坐标格式、.addTo(map) 调用及网络连接。