將使用者內容繪製成互動式地圖。
Map可讓您將地理標籤內容串流至世界地圖,讓您找出有關最新消息或即時活動的社交熱門話題。 所有適用的內容都會顯示,包括文字、留言、像片和推文。
地圖由© OpenStreetMap提供,可提供Livefyre用於呈現其地圖的資料。
使用Map最快的方式是使用Livefyre CDN上代管的內建版本。
首先,將Livefyre.js新增至您的頁面。
<script src="https://cdn.livefyre.com/Livefyre.js"></script>
然後,定位「地圖應用程式」將出現的元素。
<div id="map" style="height: 500px;"></div>
最後,使用Livefyre.require來建構地圖,並從streamhub-sdk取得要插入的集合。 請記住,「地圖」只能顯示含有地理標籤中繼資料的內容。 Twitter和Instagram組織支援此功能。 為確保最佳效能,請在系列的所有組織規則上加入地理位置篩選。
<script>
Livefyre.require(['streamhub-map#1', 'streamhub-sdk#2'],
function (Map, SDK) {
var map = new Map({
el: document.getElementById('map')
});
var collection = new SDK.Collection({
network: 'strategy-prod.fyre.co',
siteId: 340628,
articleId: 'custom-1389845009515'
});
collection.pipe(map);
});
</script>
查看此即時範例。
initial
從「系列」載入並顯示在地圖上的項目初始數。 載入此號碼後,使用者可以按一下按鈕以顯示更多。 (可選. 預設為50。)
var map = new Map({
el: document.getElementById('map'),
initial: 100
});
leafletMapOptions
傳遞至基礎宣傳品地圖的選項,Map會使用此圖來轉換。 使用此選項可設定宣傳單對應選項,包括對應的初始中心點,以及初始和最大縮放等級。 (可選.)
var map = new Map({
el: document.getElementById('map'),
leafletMapOptions: {
center: [37.774, -122.4],
zoom: 15
}
});