捕获地图以嵌入Wordpress博客文章

我最初在超级用户上问了这个问题，但被告知它可能放在这里更好

我有一个跑步博客，为了帮助我追踪和记录我的跑步，我最近买了一块Garmin GPS手表。该设置非常有效，我可以在我的博客中共享指向我跑步的链接，例如：

---

有没有一种简单的方法可以让我从Garmin Connect站点（参见链接）中捕获地图本身并将其显示在我的博客帖子中？我可以拍一张截图，但是一张互动地图会更好。很明显，这是一个覆盖了跑步信息的谷歌地图，所以一定有办法。。。对吗？

要创建嵌入式交互式谷歌地图来渲染跑步多段线，您需要提取Garmin站点用于渲染直线的数据

在Garmin站点中，有两个Javascript文件可以完成这项工作：

-用于根据Garmin系统中的数据呈现Google地图的一系列实用函数 -使用Garmin.service.ActivityClient获取描述多段线的JSON数据。它将这些数据输入到Garmin.map.MapsUtil.addEncodedPolylineToMap中以渲染地图

所以在你的博客上这样做，你需要从Garmin站点请求JSON数据（并且相信URI格式不会改变），或者获取数据并将其存储在你自己的站点上。URI格式当前为：

http://connect.garmin.com/proxy/activity-service-1.0/gpolyline/activity/<activity id>?full=true

此数据请求将返回一些JSON，然后您可以使用这些JSON呈现Google地图

一旦您决定了如何存储JSON数据，您将需要编写一些Javascript来请求JSON，并在回调中将其输入到。一旦有了e对象（由编码的JSON数据填充），就可以使用该方法将其添加到

---

我意识到这个答案在技术上是相当复杂的，如果你以前没有玩过谷歌地图的话，这个答案可能会让人不知所措。如果是这样的话，我建议您转到网站，获取一些关于入门的提示。

自从这个问题第一次发布以来，Garmin Connect已经添加了一个快速代码片段，嵌入到您的WordPress网站中，以显示您的地图和课程数据。如果您在保存代码片段后无法将其保留在文章中，请查看这些内容。

我前几天注意到。。。石头！

http://connect.garmin.com/activity/23842182
http://connect.garmin.com/proxy/activity-service-1.0/gpolyline/activity/23842182?full=true