WordPress Travel Map
一个基于高德地图API的轻量级旅行 Wordpress博客地图插件
★ 3stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/itandelin/travel-map/archive/refs/heads/main.zipFrom the readme
WordPress Travel Map Plugin
一个基于高德地图API的轻量级WordPress旅行博客地图插件，支持已去、想去、计划三种旅行状态标记。
✨ 功能特性
- 🗺️ 交互式世界地图 - 基于高德地图API的流畅地图体验
- 📍 三种旅行状态 - 支持"已去"、"想去"、"计划"三种状态标记
- 📝 文章关联 - 地点标记可关联相关旅行文章
- 🎨 简洁设计 - 现代化的界面设计，完美适配各种主题
- 📱 响应式布局 - 完美支持桌面端和移动端
- ⚡ 轻量高效 - 最小化的技术栈，快速加载
- 🔧 易于配置 - 简单的后台设置，即插即用
📋 系统要求
- WordPress 5.0 或更高版本
- PHP 7.4 或更高版本
- MySQL 5.7 或更高版本
- 高德地图 Web 服务 API 密钥
🚀 安装方法
手动安装
1. 下载插件压缩包
2. 解压到 wp-content/plugins/ 目录
3. 在 WordPress 后台激活插件
🎯 快速开始
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. 在页面中显示地图
在页面或文章中使用短代码：
4.1 模板用法说明（主题/小工具）
如果短代码不是放在文章/页面正文里，而是放在主题模板或小工具中，建议在渲染短代码前显式加载资源，以确保样式与脚本可用：
然后输出短代码即可：
📖 短代码参数
| 参数名 | 默认值 | 描述 |
|--------|--------|------|
| width | '100%' | 地图宽度 |
| height | '500px' | 地图高度 |
| zoom | 4 | 缩放级别 (1-18) |
| center | '35.0,105.0' | 地图中心点坐标 |
| filtertabs | true | 是否显示筛选标签 |
| status | 'all' | 显示的状态 (all/visited/wanttogo/planned) |
示例用法
只显示已去过的地点：
隐藏筛选标签：
🏷️ 标记状态说明
已去 (visited)
- 🟠 橙色标记
- 显示访问次数
- 可关联相关文章
- 点击显示文章详情弹窗
想去 (wanttogo)