2013-05-10 42 views
1

我嘗試使用分享功能構建應用程序,以在Facebook上繪製路線作爲健身貼。 我想所有的東西都已經被覆蓋在地圖上繪製出路線。fitness.course對象無法在Facebook上繪製路線

<!-- 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/[email protected]" /> 

<!-- 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. 是否有某種順序列出位置值的元數據?

回答

0

我自己找到答案。

要在Facebook地圖(?)上繪製路線,您必須爲每個活動數據點確定位置(lat,long),距離(值,單位),節奏(值,單位)。而且,由於您的騎行,跑步和其他任何路線通常都會有很多地理位置,因此您最好爲課程設置一個單獨的元數據頁面。 Facebook實際上推薦它。使用PROPER單位也很重要,但有時候你找不到。然後用m/s代替mph。 Facebook會照顧到MPH的價值。

我附上了下面的示例代碼。希望它能幫助像我這樣的人。

課程對象HTML

<!-- 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對象(相對= 「opengraph」)

<!-- 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" /> 
2

這是一種一個老問題,但人們在尋找解決方案:

您應該添加fitness:metrics:每個點的時間戳屬性以便查看路線:

<!-- 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" />