Claude 快速开发 React 地图对比应用案例

并排比较多个地图。

缺少功能？发现 bug？需要更多地图源？非常欢迎提交 pull request！

npm install
npm run dev

你可以通过点击导航栏中的"Add Custom Source"按钮来添加自定义地图源。

你可以通过点击导航栏中的"Add Custom Source"按钮来添加自定义地图源。

配置存储在浏览器的本地存储中。

配置存储在浏览器的本地存储中。

你可以添加以下服务的 API 密钥：Google Maps、Radar Maps

你可以添加以下服务的 API 密钥：

感谢 Stadia Maps 提供 API 访问权限 - 不需要密钥。

感谢 Stadia Maps 提供 API 访问权限 - 不需要密钥。

最初，这个项目主要由 Claude AI 生成。

我想开发一个简单的工具，供 VeloPlanner.com 使用。我认为这是一个好机会来尝试使用 Claude AI 从零开始编写项目代码。效果非常出人意料地好！我能够解释我的想法，并在几小时内得到一个可工作的原型。大部分时间我只是从 Claude 复制代码，然后粘贴到编辑器中。后来，我开始使用 Cursor AI（使用 claude-3.5-sonnet 模型），这大大改进了开发体验。当 AI 无法处理任务时，我会尝试在提交记录中添加说明。

MapMatrix - 一个用于同步多视图地图比较的 React 应用。主要由 AI 生成。