高德MCP制作旅游攻略

二进制_博客2025-04-28 10:37

1、 需求

使用 cursor + mcp 实现一份非常精美的五一旅游攻略

2、 什么是 mcp?

MCP服务官网：Introduction - Model Context Protocol

它是Model Context Protocol的简称，是一种 由Anthropic推出的开放标准，旨在实现大型语言模型（LLM）与 外部数据源和工具之间的无缝集成。MCP通过标准化协议，使AI 模型能够安全地访问和操作本地及远程数据，从而提升AI应用的响应质量和工作效率。

MCP 就像是一个 "通用插头" 或者 "USB 接口"，制定了统一的规范，不管是连接数据库、第三方 API，还是本地文件等各种外部资源，目的就是为了解决 AI 模型与外部数据源、工具交互的难题。

3、 高德配置

高德开放平台：我的应用 | 高德控制台

点击：快速接入指南

快速接入-MCP Server | 高德地图API

4、cursor

Cursor - The AI Code Editor

下载安装：

需要注册和登录 Cursor，登录成功后，选择 AI 使用的语言：

新建文件夹 gonglve,然后打开目录，点击拓展，输入 Chinese 进行安装

点击 Ctrl + shift + p ,输入命令：configure display language，选择 中文(简体)

5、 制作过程

第一步：cursor 中配置高德 mcp server

复制代码 
{
  "mcpServers": {
    "amap-amap-sse": {
      "url": "https://mcp.amap.com/sse?key=您在高德官网上申请的key"
    }
  }
}

第二步：提示词

第一次的提示词：

使用高德MCP服务，为我规划从北京到洛阳，2025 年 5 月 1 日~5 月 5 日，5 天的旅游指南，坐高铁或者飞机都可以，我喜欢历史遗迹、人文、自然景观，比较喜欢各个地方的当地特色美食，酒店至少三星以上。请为我推荐靠近景点的酒店和景点往来之间的交通方式。我的总预算是 5000 元。

第二次提示词：

我是年轻人，体力旺，每天可以玩8小时，可以再多安排一些景点，费用不变。

第三次的提示词：

请将这个5天的计划，生成为一个html文件，界面要美观，适应 pc 和手机端，点击地址可以打开高德地图

第四次的提示词：

生成的链接，跳转不到高德地图，报404错误，请检查，修复

使用浏览器打开，非常的漂亮

6、 代码

html 复制代码 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>洛阳五日游攻略 - 2025年5月</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f5f5f5;
        }

        .header {
            text-align: center;
            padding: 40px 0;
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            color: white;
            border-radius: 10px;
            margin-bottom: 30px;
        }

        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }

        .header p {
            font-size: 1.2em;
            opacity: 0.9;
        }

        .card {
            background: white;
            border-radius: 10px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .day-title {
            color: #1e3c72;
            border-bottom: 2px solid #1e3c72;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .schedule-item {
            margin-bottom: 15px;
            padding-left: 20px;
            border-left: 3px solid #1e3c72;
        }

        .time {
            font-weight: bold;
            color: #2a5298;
        }

        .location {
            color: #0066cc;
            text-decoration: none;
            padding: 2px 5px;
            border-radius: 3px;
            transition: background-color 0.3s;
        }

        .location:hover {
            background-color: #f0f7ff;
        }

        .budget-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }

        .budget-item {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #1e3c72;
        }

        .tips {
            background-color: #e8f4f8;
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
        }

        .tips h3 {
            color: #1e3c72;
            margin-bottom: 10px;
        }

        .tips ul {
            list-style-position: inside;
        }

        @media (max-width: 768px) {
            body {
                padding: 10px;
            }

            .header {
                padding: 20px 0;
            }

            .header h1 {
                font-size: 1.8em;
            }

            .budget-section {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>洛阳五日游攻略</h1>
        <p>2025年5月1日 - 5月5日</p>
    </div>

    <div class="card">
        <h2 class="day-title">交通方案</h2>
        <div class="schedule-item">
            <p><span class="time">高铁方案：</span> 北京站/北京西站 -> 洛阳龙门站，约4-5小时，票价二等座约420-500元</p>
            <p><span class="time">飞机方案：</span> 北京首都机场 -> 洛阳北郊机场，约2小时，机票约800-1200元</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">推荐住宿</h2>
        <div class="schedule-item">
            <p><span class="time">老城区：</span> <a class="location" href="https://uri.amap.com/marker?position=112.453895,34.619702&name=洛阳升龙广场亚朵酒店" target="_blank">洛阳升龙广场亚朵酒店</a>（四星，约300-400元/晚）</p>
            <p><span class="time">龙门区域：</span> <a class="location" href="https://uri.amap.com/marker?position=112.477141,34.567215&name=洛阳龙门石窟智选假日酒店" target="_blank">洛阳龙门石窟智选假日酒店</a>（四星，约350-450元/晚）</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">第一天（5月1日）：抵达洛阳</h2>
        <div class="schedule-item">
            <p><span class="time">上午：</span> 北京出发（建议乘坐上午的高铁）</p>
            <p><span class="time">下午：</span> 抵达洛阳，入住老城区酒店</p>
            <p><span class="time">晚上：</span> 游览<a class="location" href="https://uri.amap.com/marker?position=112.469687,34.681462&name=洛邑古城" target="_blank">洛邑古城</a>，品尝洛阳水席</p>
            <p><span class="time">特色美食：</span> 洛阳牡丹燕菜、银针面、胡辣汤</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">第二天（5月2日）：老城区游览</h2>
        <div class="schedule-item">
            <p><span class="time">上午：</span> <a class="location" href="https://uri.amap.com/marker?position=112.605311,34.721828&name=白马寺" target="_blank">白马寺</a>（门票60元）</p>
            <p><span class="time">中午：</span> 品尝洛阳杂肝汤</p>
            <p><span class="time">下午：</span> <a class="location" href="https://uri.amap.com/marker?position=112.469825,34.682115&name=洛阳博物馆" target="_blank">洛阳博物馆</a>（免费）、天子驾六博物馆</p>
            <p><span class="time">晚上：</span> <a class="location" href="https://uri.amap.com/marker?position=112.469687,34.681462&name=丽景门夜市" target="_blank">丽景门夜市</a></p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">第三天（5月3日）：龙门石窟</h2>
        <div class="schedule-item">
            <p><span class="time">上午：</span> 换住龙门区域酒店，游览<a class="location" href="https://uri.amap.com/marker?position=112.477141,34.567215&name=龙门石窟" target="_blank">龙门石窟</a>（门票120元）</p>
            <p><span class="time">中午：</span> 龙门石窟附近农家乐</p>
            <p><span class="time">下午：</span> 继续游览龙门石窟，<a class="location" href="https://uri.amap.com/marker?position=112.475874,34.563199&name=香山寺" target="_blank">香山寺</a></p>
            <p><span class="time">晚上：</span> 龙门大道夜市</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">第四天（5月4日）：关林-老君山</h2>
        <div class="schedule-item">
            <p><span class="time">上午：</span> <a class="location" href="https://uri.amap.com/marker?position=112.401780,34.658220&name=关林" target="_blank">关林</a>（门票50元）</p>
            <p><span class="time">中午：</span> 品尝关林水席</p>
            <p><span class="time">下午：</span> <a class="location" href="https://uri.amap.com/marker?position=112.854681,34.477466&name=老君山风景区" target="_blank">老君山风景区</a>（门票90元）</p>
            <p><span class="time">晚上：</span> 返回酒店，品尝特色小吃</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">第五天（5月5日）：返程</h2>
        <div class="schedule-item">
            <p><span class="time">上午：</span> <a class="location" href="https://uri.amap.com/marker?position=112.442252,34.627755&name=洛阳国花园" target="_blank">洛阳国花园</a>（赏牡丹，门票40元）</p>
            <p><span class="time">中午：</span> 购买特产（核桃、牡丹饼等）</p>
            <p><span class="time">下午：</span> 返回北京</p>
        </div>
    </div>

    <div class="card">
        <h2 class="day-title">预算分配（约5000元）</h2>
        <div class="budget-section">
            <div class="budget-item">
                <h3>交通费</h3>
                <p>高铁往返：约1000元</p>
                <p>市内交通：约400元</p>
            </div>
            <div class="budget-item">
                <h3>住宿费</h3>
                <p>4晚住宿：约1500元</p>
            </div>
            <div class="budget-item">
                <h3>门票费</h3>
                <p>景点门票总计：约360元</p>
            </div>
            <div class="budget-item">
                <h3>餐饮费</h3>
                <p>日均150元，5天约750元</p>
            </div>
            <div class="budget-item">
                <h3>购物和其他</h3>
                <p>特产和纪念品：约500元</p>
                <p>预备金：约490元</p>
            </div>
        </div>
    </div>

    <div class="card tips">
        <h3>出行建议</h3>
        <ul>
            <li>5月天气较好，但昼夜温差大，建议带件外套</li>
            <li>洛阳公共交通便利，可以下载高德地图导航</li>
            <li>建议提前在网上预订酒店和景点门票</li>
            <li>准备一些零食和水，景区游览时补充体力</li>
            <li>龙门石窟游览建议请导游讲解，更能了解历史文化</li>
        </ul>
    </div>
</body>
</html>
相关推荐
鱼很腾apoc1 分钟前
【MySQL】 第2期 查询与函数系统详解：从基础 CRUD 到复合多表查询
linux·数据库·学习·mysql·dml
前端 贾公子25 分钟前
LangGraph == 图的状态（State）管理 （下）
运维·服务器·数据库
zlwool35 分钟前
机械行业ERP与进销存的合规选型边界
数据库·erp
梦想的颜色40 分钟前
【AI速览】RAG 向量数据库选型：Milvus、Chroma、Qdrant、PGVector 全维度横向对比
数据库·milvus·chroma·rag·pgvector·向量库·qdrant
小溪学编程1 小时前
向量数据库 Milvus 基础实践：从入门到上手
数据库·milvus
数据最前线1 小时前
雪上加霜，Oracle向蓝色巨人最后的阵地发起挑战
数据库·oracle
于眠牧北1 小时前
Charles配置指定域名抓取和雷电模拟器中抓取APP接口配置
数据库·redis·缓存
福娃筱欢2 小时前
57014 canceling statement due to user request（金仓 KingbaseES）
数据库·kingbase·金仓数据库
ClouGence2 小时前
SAP HANA 数据同步遇到长事务，如何兼顾实时性与完整性？
数据库·后端
数据库小学妹2 小时前
数据库管理工具有哪些？2026主流工具分类与选型对照
数据库·数据库管理工具·数据库工具·信创数据库·数据库客户端
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）02历年考研数学一、数学二、数学三真题试卷及答案PDF03GitHub 镜像站点04「全语录+省流版」邵艾伦 × 孙宇晨：聊风口、聊个人IP、聊年轻人如何抓住 AI 时代的机会05蜘蛛磁力 搜索引擎大全，如何使用蜘蛛磁力查找磁力链接06如何新建文件夹？ 电脑新建文件夹的4种方法07Windows 10/11 如何退出微软账户并改用本地账户登录（含找不到选项的解决方法）08Telegram APK 下载安装完整指南 — 2026年最新09几个好用的ip纯净度检测网站10微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新