怎么在博客里添加可互动的旅行地图
更新于 2026年11月10日 · 阅读约 4 分钟
要让读者知道你去过哪里，地图是最快的方式。与其放一张静态截图，不如嵌入一张可互动的地图：读者可以在你的页面上直接拖动地图、打开旅行、点开照片。
获取嵌入代码
- 1在 Trailroll 上传旅行照片，生成你的地图。
- 2打开 分享地图，开启公开链接。
- 3选择要显示的旅行，以及是否隐藏精确位置或日期。
- 4复制 嵌入代码。它是一小段 iframe 代码。
嵌入的地图与分享链接使用相同的设置。以后修改旅行或隐私设置，博客上的地图会自动更新，不用改代码。
把所有旅行放进一张地图上传照片，Trailroll 会把每张照片放到拍摄地点。前 500 张照片免费。
制作我的旅行地图粘贴到你的网站
- WordPress： 添加一个 自定义 HTML 区块，粘贴代码。
- Squarespace： 添加一个 Code 区块，粘贴代码。
- Wix： 添加 Embed Code → Embed HTML，粘贴代码。
- Ghost： 添加一个 HTML 卡片。
- Webflow： 添加一个 Embed 元素。
- 纯 HTML： 把 iframe 粘贴到想显示地图的位置。
Medium、Substack 等不允许 iframe 的平台无法显示可互动地图。改为发布分享链接即可：它会显示一张带地图的预览卡片。
博客地图的小建议
- 每篇游记配一张地图，“关于我”页面放一张总地图。 分享设置可以只包含与文章相关的旅行。
- 如果地图里有家或住宿地点之类的位置，记得 隐藏精确位置。
- 给地图留足空间。 全宽、高约 500 像素的嵌入在电脑和手机上都好看。
常见问题
- 嵌入要收费吗？
- 不收费。分享和嵌入都包含在免费版中。
- 嵌入会拖慢我的网页吗？
- 地图在独立的框架里、在页面之后加载，所以你的文字和图片会先显示出来。