Vibe coding构建个性化GIS
（地理信息系统）

为什么要做个性化地图

1. 1
   "完美城市"不只是书中的理论

   它需要各种地理信息数据做支撑，为城市设计作指导。

2. 2
   个性化需求无处不在

   公共产品不能提供服务时，我们有能力制作个性化产品——这是创新能力的培养。

3. 3
   完整闭环：需求 → 概念 → 理论 → 实践 → 产品 → 满足需求

   需求→概念→理论→实践→产品→满足需求

4. 4
   锻炼核心能力

   工程化思维 + 解决问题能力 = 受用一生的硬本领。

问题分解

1. 1
   配置服务器与管理数据

   需要配置服务器、设计数据库

   难点：理解和操作
2. 2
   调用百度地图 API

   集成地图功能到网页中

   难点：理解和操作
3. 3
   功能设计

   理清需求，规划交互流程

   难点：理清需求
4. 4
   根据需求编程

   将设计转化为可运行的代码

   难点：编程本身

我们用到的工具

从零开始，搭建完整的 Web 开发链路

🖥️

XAMPP

本地服务器

🐘

PHP

后端语言

🗄️

MySQL

数据库

🗺️

百度地图 API

地图服务

📝

VS Code

代码编辑器

🤖

AI 对话

Vibe Coding

🌐

在线课件

随时回看

📎 点击查看 →

扫码访问

搭建服务器，申请地图的应用密钥

个性化地图功能

建立属于自己的信息图层，让地图会"说话"

来试试我们的地图系统

扫描二维码或点击链接，立即体验个性化地图

🚀 点击进入地图系统 →

🔑 账号：wanmei 　密码：wanmei

扫码访问

收获的核心能力

• 1
  与 AI 对话的能力

  把模糊的想法变成清晰的提示词，让 AI 准确理解并帮实现

• 2
  Web 开发的完整认知

  从浏览器到服务器再到数据库，理解一次请求的完整旅程

• 3
  动手解决问题的习惯

  遇到报错不慌张——查一查、试一试、调一调，反复迭代直到成功

• 4
  把想法变成产品的自信

  从一个空白文件到一个可分享的网站

Vibe Coding 的本质

意外收获

在做地图的同时还创作了一款自己的小游戏

点击试玩同学的作品

city.newme.net.cn/mywork/

扫码试玩