首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >fitness.course对象无法在facebook上绘制路径

fitness.course对象无法在facebook上绘制路径
EN

Stack Overflow用户
提问于 2013-05-10 05:34:45
回答 2查看 878关注 0票数 1

我试着开发一个具有分享功能的应用程序,在facebook上画出一条健身路线。我认为为了在地图上画出路线,所有的事情都已经涵盖了。

代码语言:javascript
复制
<!-- Facebook opne graph meta data start -->

<!-- Standard Open Graph object properties -->
<meta property="fb:app_id"      content="FACEBOOK_APP_ID" /> 
<meta property="og:type"        content="fitness.course" /> 
<meta property="og:url"         content="http://sample.url" /> 
<meta property="og:title"       content="User's Diary" /> 
<meta property="og:description" content="User rode 8.0km for 11m 36s" />
<meta property="og:image"       content="http://14.63.224.224/img/logo@220.png" /> 

<!-- Other Open Graph properties -->
<meta property="fitness:distance:value" content="8.0" /> 
<meta property="fitness:distance:units" content="km" /> 
<meta property="fitness:duration:value" content="636" /> 
<meta property="fitness:duration:units" content="s" /> 
<meta property="fitness:speed:value"    content="12.3065" /> 
<meta property="fitness:speed:units"    content="m/s" /> 
<meta property="fitness:calories:value" content="181.7" /> 

<!-- ActivityDataPoint 0 -->
<meta property="fitness:metrics:location:latitude" content="37.51844" />
<meta property="fitness:metrics:location:longitude" content="126.9918" />
<meta property="fitness:metrics:location:altitude" content="16.61127" />

<!-- ActivityDataPoint 1 -->
<meta property="fitness:metrics:location:latitude" content="37.51769" />
<meta property="fitness:metrics:location:longitude" content="126.9908" />
<meta property="fitness:metrics:location:altitude" content="13.85767" /><

!-- ActivityDataPoint 2 -->
<meta property="fitness:metrics:location:latitude" content="37.51714" />
<meta property="fitness:metrics:location:longitude" content="126.9897" />
<meta property="fitness:metrics:location:altitude" content="22.03296" />

<!-- ActivityDataPoint 3 -->
<meta property="fitness:metrics:location:latitude" content="37.51693" />
<meta property="fitness:metrics:location:longitude" content="126.9887" />
<meta property="fitness:metrics:location:altitude" content="23.54077" />

<!-- ActivityDataPoint 4 -->
<meta property="fitness:metrics:location:latitude" content="37.51688" />
<meta property="fitness:metrics:location:longitude" content="126.9878" />
<meta property="fitness:metrics:location:altitude" content="27.52216" />

<!-- Facebook opne graph meta data end -->

我的问题是

  1. 什么类型的度量属性,我需要画出正确的路线,如耐克运行?
  2. 是否有某种顺序来列出位置值的元数据?
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-11 06:06:17

我自己找到答案了。

在facebook地图上绘制路线(?)每个活动数据点必须有位置(lat、long)、距离(值、单位)、速度(值、单位)。因为你的骑行,跑步和任何课程通常都有很多的地理点,你最好有一个单独的元数据页面为课程。Facebook实际上是推荐的。这也是非常重要的使用适当的单位,但有时你找不到一个。然后用米/秒代替时速。Facebook会处理一些事情,用每小时一小时的速度来展示价值。

我附上了下面的示例代码。希望它能帮助像我这样的人。

课程对象HTML

代码语言:javascript
复制
<!-- Standard Open Graph object properties -->
<meta property="fb:app_id" content="FACEBOOK_APP_ID" /> 
<meta property="og:type" content="fitness.course" /> 
<meta property="og:url" content="SAMPLE_CANONICAL_URL" /> 
<meta property="og:title" content="ABC's Diary" /> 
<meta property="og:description" content="ABC's burned 0 kcal for 3m 30s. The best speed was 0.0. " />
<meta property="og:image" content="SAMPLE_CANONICAL_URL/img/img.png" /> 

<!-- Other Open Graph properties -->
<meta property="fitness:distance:value" content="0.0" /> 
<meta property="fitness:distance:units" content="km" /> 
<meta property="fitness:calories" content="0" /> 
<meta property="fitness:duration:value" content="150" /> 
<meta property="fitness:duration:units" content="s" /> 
<meta property="fitness:speed:value" content="0.0000" /> 
<meta property="fitness:speed:units" content="m/s" /> 

<link rel="opengraph" href="SAMPLE_CANONICAL_URL"/>

GEOPOINT对象(rel=“开图”)

代码语言:javascript
复制
<!-- Special type for an Open Graph metadata object -->
<meta property="og:type" content="metadata" />

<!-- Pointer to the source URL -->
<link rel="origin" href="http://SAMPLE_CANONICAL_URL_FOR_COURSE" />

<!-- ActivityDataPoint 0 -->
<meta property="fitness:metrics:location:latitude" content="37.43357" />
<meta property="fitness:metrics:location:longitude" content="127.1585" />
<meta property="fitness:metrics:location:altitude" content="110.3485" />
<meta property="fitness:metrics:distance:value" content="0" />
<meta property="fitness:metrics:distance:units" content="km" />
<meta property="fitness:metrics:pace:value" content="0" />
<meta property="fitness:metrics:pace:units" content="s/m" />

<!-- ActivityDataPoint 1 -->
<meta property="fitness:metrics:location:latitude" content="37.43357" />
<meta property="fitness:metrics:location:longitude" content="127.1585" />
<meta property="fitness:metrics:location:altitude" content="108.1185" />
<meta property="fitness:metrics:distance:value" content="0" />
<meta property="fitness:metrics:distance:units" content="km" />
<meta property="fitness:metrics:pace:value" content="0" />
<meta property="fitness:metrics:pace:units" content="s/m" />
票数 0
EN

Stack Overflow用户

发布于 2013-09-09 09:33:13

这是个老生常谈的问题,但对于寻求解决办法的人来说:

您应该为每个点添加适应度:度量:时间戳属性,以查看路由:

代码语言:javascript
复制
<!-- ActivityDataPoint 0 -->
<meta property="fitness:metrics:location:latitude" content="37.51844" />
<meta property="fitness:metrics:location:longitude" content="126.9918" />
<meta property="fitness:metrics:location:altitude" content="16.61127" />
<meta property="fitness:metrics:timestamp" content="2011-01-26T00:00" />

<!-- ActivityDataPoint 1 -->
<meta property="fitness:metrics:location:latitude" content="37.51769" />
<meta property="fitness:metrics:location:longitude" content="126.9908" />
<meta property="fitness:metrics:location:altitude" content="13.85767" />
<meta property="fitness:metrics:timestamp" content="2011-01-26T00:30" />
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16475815

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档