SuperAPI AI 工具集

city-tourism-website-builder

前端与建站

查看项目

更新于 10-15 20:06

技能介绍

用途:为城市创建现代、带动画的旅游网站,内容基于对城市历史、事实与景点的检索研究。

主要能力:研究阶段用 websearch 检索城市历史、寺庙地标、最佳游览时间与交通等信息;设计上采用白色背景配珊瑚、青绿、黄、薄荷等渐变强调色,含浮动背景形状、滚动淡入、卡片悬停抬升、平滑滚动导航、渐变文字动画等效果。网站结构包含首屏渐变标题、历史卡片与时间线、分类景点卡片(宗教、自然、探险、历史)、动画数字统计、以城市坐标为中心的 OpenStreetMap 交互地图与标记弹窗、地图 PNG 下载按钮、图库网格与页脚。

使用方式:地图通过 Leaflet 加载 OpenStreetMap 瓦片,需引入 leaflet.css 与 leaflet.js,并用 L.map、L.tileLayer、L.marker 初始化城市中心点。PNG 下载推荐使用静态地图端点回退,例如 https://staticmap.openstreetmap.de/staticmap.php?center=纬度,经度&zoom=12&size=1280x720&markers=纬度,经度,red-pushpin,也可用 curl 下载。部署可上传 IPFS:curl -fsS -X POST -F "file=@city-website.html" https://filedrop.besoeasy.com/upload,返回 IPFS URL 与 CID。

适用场景:城市旅游宣传页、地方文化介绍页、景点导览单页。

限制:客户端从交互瓦片导出 PNG 可能因 canvas/CORS 限制失败,故建议静态地图回退;需保留 OpenStreetMap 贡献者署名;资料未提供具体收费、价格与平台支持范围。