翘爸的日常

  • ✨ 功能特性
  • 🎯 快速开始
  • 1. 获取高德地图 API 密钥
  • 2. 配置插件
  • 3. 添加地点标记
  • 4. 在页面中显示地图
  • 首页
  • 生活
  • 笔记
  • 食记
  • 翘翘
  • 足迹
  • RSS Feed
  • Mail
  • X
  • Facebook

WordPress Travel Map:一个基于高德地图API的轻量级WordPress旅行地图插件

  • 魔之左手
  • 2025-09-28
  • 1

本人想给个人博客添加一个旅行地图的插件,找了很久都没有找到合适的,要么就是用的国外的地图资源,要么就是收费插件。于是有了这个小插件的诞生。

✨ 功能特性

  • 🗺️ 交互式世界地图 - 基于高德地图API的流畅地图体验
  • 📍 三种旅行状态 - 支持"已去"、"想去"、"计划"三种状态标记
  • 📝 文章关联 - 地点标记可关联相关旅行文章
  • 🎨 简洁设计 - 现代化的界面设计,完美适配各种主题
  • 📱 响应式布局 - 完美支持桌面端和移动端
  • ⚡ 轻量高效 - 最小化的技术栈,快速加载
  • 🔧 易于配置 - 简单的后台设置,即插即用

🎯 快速开始

1. 获取高德地图 API 密钥
  1. 访问 高德开放平台
  2. 注册账号并创建应用
  3. 获取 Web 服务 API 密钥
2. 配置插件
  1. 在 WordPress 后台访问 Travel Map > 地图设置
  2. 输入高德地图 API 密钥
  3. 配置默认地图中心点和缩放级别
  4. 保存设置
3. 添加地点标记
  1. 访问 Travel Map > 坐标管理
  2. 在右侧表单中添加地点信息
  3. 在地图上点击选择坐标位置
  4. 选择旅行状态(已去/想去/计划)
  5. 保存标记
4. 在页面中显示地图

在页面或文章中使用短代码:

[travel_map]

Github 地址:https://github.com/itandelin/Travel-Map

© 2025 翘爸的日常
Theme by Wing
湘ICP备2025118903号-2 湘公网安备43011202001190号
  • {{ item.name }}
  • {{ item.name }}