高德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>
相关推荐
桥Dopey14 分钟前
关系型数据库PostgreSQL for Mac 保姆级使用教程
数据库·postgresql
@_猿来如此18 分钟前
Django 实现电影推荐系统：从搭建到功能完善（附源码）
数据库·后端·python·django
nbsaas-boot19 分钟前
SQL Server 存储过程开发手册
数据库
uncofish22 分钟前
springboot不连接数据库启动(原先连接了mysql数据库)
数据库·spring boot·mysql
Databend2 小时前
大数据是不是凉了？
数据库
学也不会2 小时前
雪花算法
java·数据库·oracle
瀚高PG实验室2 小时前
数据库未正常关闭后，再次启动时只有主进程，数据库日志无输出
数据库
LG.YDX4 小时前
MySQL：13.用户管理
数据库·mysql
晓柏4 小时前
常用数据库备份与恢复
数据库
二胖_备份管理员4 小时前
ORACLE数据库备份入门：第四部分：2-备份场景举例
数据库·oracle·备份·备份场景
热门推荐
01西电B测-计算机网络综合实验(含验收问题)02KGG转MP3工具|非KGM文件|解密音频03从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑04Coze扣子平台完整体验和实践（附国内和国际版对比）05yolov8，yolo11，yolo12 服务器训练到部署全流程 笔记06我决定放弃搞 Java 了07YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU08YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】09DeepSeek各版本说明与优缺点分析10yolov8实战第五天——yolov8+ffmpg实时视频流检测并进行实时推流——（推流，保姆教学）