一个基于高德地图API的轻量级WordPress旅行博客地图插件,支持已去、想去、计划三种旅行状态标记。
- 🗺️ 交互式世界地图 - 基于高德地图API的流畅地图体验
- 📍 三种旅行状态 - 支持"已去"、"想去"、"计划"三种状态标记
- 📝 文章关联 - 地点标记可关联相关旅行文章
- 🎨 简洁设计 - 现代化的界面设计,完美适配各种主题
- 📱 响应式布局 - 完美支持桌面端和移动端
- ⚡ 轻量高效 - 最小化的技术栈,快速加载
- 🔧 易于配置 - 简单的后台设置,即插即用
- WordPress 5.0 或更高版本
- PHP 7.4 或更高版本
- MySQL 5.7 或更高版本
- 高德地图 Web 服务 API 密钥
- 下载插件压缩包
- 解压到
wp-content/plugins/目录 - 在 WordPress 后台激活插件
- 访问 高德开放平台
- 注册账号并创建应用
- 获取 Web 服务 API 密钥
- 在 WordPress 后台访问 Travel Map > 地图设置
- 输入高德地图 API 密钥
- 配置默认地图中心点和缩放级别
- 保存设置
- 访问 Travel Map > 坐标管理
- 在右侧表单中添加地点信息
- 在地图上点击选择坐标位置
- 选择旅行状态(已去/想去/计划)
- 保存标记
在页面或文章中使用短代码:
[travel_map]
| 参数名 | 默认值 | 描述 |
|---|---|---|
width |
'100%' | 地图宽度 |
height |
'500px' | 地图高度 |
zoom |
4 | 缩放级别 (1-18) |
center |
'35.0,105.0' | 地图中心点坐标 |
filter_tabs |
true | 是否显示筛选标签 |
status |
'all' | 显示的状态 (all/visited/want_to_go/planned) |
[travel_map width="100%" height="600px" zoom="5"]
只显示已去过的地点:
[travel_map status="visited"]
隐藏筛选标签:
[travel_map filter_tabs="false"]
- 🟠 橙色标记
- 显示访问次数
- 可关联相关文章
- 点击显示文章详情弹窗
- 🔵 蓝色标记
- 可添加想去理由
- 支持优先级设置
- 点击显示简洁信息弹窗
- 🟢 绿色标记
- 可设置计划日期
- 支持计划状态跟踪
- 点击显示计划信息弹窗
- 添加、编辑、删除地点标记
- 批量操作支持
- 地图可视化选点
- 文章关联管理
- 支持 CSV 格式导入导出
- 支持 JSON 格式导入导出
- 支持 GeoJSON 格式导出
- 批量数据处理
- 基于 WordPress 用户角色
- 细粒度权限设置
- 多用户协作支持
A: 请检查以下几点:
- 确认 API 密钥配置正确
- 检查网络连接是否正常
- 确认浏览器支持 JavaScript
A: 在 Travel Map > 地图设置 中可以自定义各状态的默认颜色。
A: 当前版本仅支持高德地图,后续版本将考虑支持更多地图服务。
A: 可以通过 坐标管理 页面的导出功能备份数据。
travel_map_before_render- 地图渲染前travel_map_after_render- 地图渲染后travel_map_marker_added- 标记添加后
travel_map_config- 修改地图配置travel_map_marker_content- 自定义标记内容travel_map_shortcode_atts- 短代码属性过滤
// 自定义地图配置
add_filter('travel_map_config', function($config) {
$config['theme'] = 'dark'; // 使用暗色主题
return $config;
});
// 自定义标记内容
add_filter('travel_map_marker_content', function($content, $post_id) {
// 添加自定义内容
return $content;
}, 10, 2);- 首次发布
- 基础地图功能
- 三种旅行状态支持
- 管理后台界面
- 短代码支持
如果您在使用过程中遇到问题或有任何建议,请:
本插件基于 GPL v2 或更高版本许可证发布。详情请查看 LICENSE 文件。
感谢以下开源项目和服务:
开发者: Mr. T
版本: 1.0.0
兼容性: WordPress 5.0+, PHP 7.4+
如果这个项目对您有帮助,请给我们一个 ⭐ Star!