跳到主要内容

VibeCoding 地图,可以如此简单

在 WeaveFox 平台上,你不需要写一行代码,不需要申请任何 Key。从行政区划下钻到台风实时监测,从打卡轨迹到卫星影像对比——只需用自然语言描述需求,AI 帮你把地图搭出来。

以下五个真实 Demo,每个都附上了可复制的提示词,照着说就能生成同款。


一、行政区划可视化

✅ 内置中国省、市、县三级行政区划围栏数据
✅ 支持地图下钻,实现省 → 市 → 县联动钻取

💬 这样跟 WeaveFox 说:
使用地理可视化组件 Skill,帮我做一个中国各省经济数据分布地图。用不同的颜色深浅来表示经济指标高低,蓝色系配色。点击省份可以下钻到市级数据,再点击可以到区县级。左侧放一个排名面板,显示各省的 GDP、增速和排名。

各省份经济分布图

📊 各省份经济分布图 — 蓝紫色系 · 省→市→县三级下钻


二、台风数据可视化

一站式台风监测大屏,覆盖台风路径、降水分布、卫星云图、雷达回波、全球风场五种气象数据图层。

💬 这样跟 WeaveFox 说:
使用地理可视化组件 Skill,帮我做一个太平洋台风实时监测大屏。使用台风数据服务获取数据,用高德地图底图,中心定位在西太平洋。页面用全屏地图布局,顶部放台风名称、风速、气压和等级信息卡片。地图上叠加5个图层用 Tab 切换:台风路径、降水热力图、卫星云图、雷达回波、全球风场流速。右侧加时间轴控制器回放过去几天的数据。

台风路径

🌀 台风路径 — 实时追踪白海豚台风

降水分布

🌧️ 降水分布 — 全国降水等级热力图

云图

☁️ 卫星云图 — 云顶温度可视化

雷达回波

📡 雷达回波 — 全国反射率数据

风场

💨 全球风场 — 流速动态展示


三、打卡地图

✅ 上传照片,自动读取 GPS 位置,一键生成地图标注
✅ 支付宝内 H5 一键登录,无需额外注册

💬 这样跟 WeaveFox 说:
使用地理可视化组件 Skill,帮我做一个旅行打卡地图应用,移动端H5。用户可以上传旅行照片,系统自动读取照片的GPS位置信息并在地图上标注打卡点,支持单张和批量上传。有一个个人足迹页,显示去过多少城市、多少省份、覆盖了多少公里,用统计卡片展示。接入支付宝一键登录。配色用温暖活泼的风格。

打卡地图主页

📍 打卡地图主页 — 聚合标记 + 最近打卡展示

足迹详情

📊 足迹详情 — 城市/省份/里程统计 + 勋章系统

上传打卡

📸 上传打卡 — 支持单张 / 批量,自动提取 GPS 信息

地图自动定位

🗺️ 自动定位 — 读取 GPS,精准标注打卡地点


四、卫星 / 无人机影像展示

支持无人机影像展示,支持卷帘和双屏对比模式,轻松对比不同时相的地表变化。

💬 这样跟 WeaveFox 说:
使用地理可视化组件 Skill,帮我做一个卫星影像展示工具。支持无人机影像展示,用户可以上传两张不同时期的卫星图或无人机航拍图在地图上查看。支持卷帘和双屏两种对比查看模式。界面简洁专业,适合遥感分析场景。

影像对比

🛰️ 无人机影像展示 — 卷帘 / 双屏对比模式


五、地图绘制工具

✅ 支持点、线、面的交互式绘制与编辑
✅ 提供地理数据管理能力,绘制成果可导出复用

💬 这样跟 WeaveFox 说:
使用地理可视化组件 Skill,帮我做一个地图绘制工具。支持在地图上交互式绘制点、线、面,并可以对已绘制的图形进行编辑。提供地理数据管理功能,支持导入和导出 GeoJSON 数据。界面简洁,适合地理数据编辑和标注场景。

地图绘制工具

✏️ 地图绘制工具 — 点线面交互绘制 + 地理数据管理


六、背后的三层能力架构

上面五个 Demo 背后,是 WeaveFox 地图能力的三层体系——从底层服务到上层应用规范一整套完整方案。

🗺️ 地图服务层 · LBS 能力底座

集成高德地图服务(免费使用),提供地理编码、POI 搜索、多模式路径规划、天气查询等 11 项核心 LBS 能力。所有服务由 AI Agent 按需自动调用,开发者无需手动对接 API。

地理编码 POI搜索 驾车/步行/骑行/公交 实时天气 行政区查询 坐标转换 IP定位

🧩 地图可视化组件层 · 零配置 AI 出图

基于 AntV L7 的 @antv/aimapui 组件库,Schema 驱动、零配置免费使用。支持 19 种图层(6 基础 + 13 复合),覆盖点线面、热力、行政区划、卫星图等全场景。另提供 DrawControl 绘制控件、ImageCalibrationControl 图像配准、AnnotationControl 富媒体标注等专业工具。支持 8 种地图引擎自由切换,零 Token 即开即用:高德地图、天地图、百度地图、腾讯地图、Maplibre、Mapbox、Google 地图、独立 Map。

19种图层 Schema驱动 对话即地图 地理配准 富媒体标注 交互绘制

📐 地图应用规范层 · 从能用到好用

采用「通用规范 + 业务场景」双层架构,覆盖布局、图层、主题、交互四大维度。针对PC 端分析大屏(多屏联动+全屏展示)、移动端轻应用(抽屉交互+手势操作)、旅游导览(POI聚合+路线推荐)三大场景提供专属方案。

布局规范 图层规范 浅色/深色主题 PC大屏 移动端 旅游导览


相关应用

应用地址
🗺️ WeaveFox 高德地图服务amap-service.app.weavefox.cn
🛰️ 卫星影像地图wm6zgavu.app.weavefox.cn
🌀 台风地图draubmsd.app.weavefox.cn
📍 打卡地图footprint.app.weavefox.cn
✏️ 地图绘制工具uewk9jxu.app.weavefox.cn
🧩 地图可视化组件 AiMapUIaimapui-site.vercel.app

从行政区划下钻到台风大屏,从打卡地图到影像对比——一个平台、三层能力、零行代码,地图应用从未如此简单。

打开 weavefox.cn,描述你的需求,一杯咖啡的时间,你也能做出上面的效果。

Build without code. Bring ideas to life.