maps - 使用MapLibre构建交互式地图工具
设置MapLibre、配置瓦片并实现交互式地图的常见UI模式
标签
更新于: 2026-02-12能力
典型输入
典型输出
该技能可以做什么
- 加载MapLibre CSS和JS
- 配置地图容器样式
- 使用OpenFreeMap Liberty样式
- 添加导航控制
- 检查缺失的全局变量
- 提供地理位置按钮
- 管理地理位置状态
- 创建或更新标记
- 平移到新中心
- 显示用户友好的错误信息
- 更新状态文本
- 管理布局和可访问性
输入
- MapLibre CSS和JS
- OpenFreeMap Liberty样式URL
- 地图容器元素
- 地理位置API
- 用户界面控件
输出
- 交互式地图显示
- 地图标记
- 状态消息
- 用户界面控件覆盖层
要求
- Web浏览器环境
- MapLibre库可用性
- 地理位置API支持
- CSS和JS加载能力