地圖

將使用者內容繪製成互動式地圖。

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 
    } 
});

本頁內容