高德MCP制作旅游攻略

最新推荐文章于 2025-06-10 13:45:21 发布

原创最新推荐文章于 2025-06-10 13:45:21 发布 · 892 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#旅游 #数据库

工具合集同时被 2 个专栏收录

24 篇文章

订阅专栏

大模型

13 篇文章

订阅专栏

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、代码

<!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>