公開した後は、公開中のデータにステータス属性を追加するだけで、飛行ステータスに基づいてマーカーの削除、レンダリングまたは変更を行うことができます。
デモでは、その種類の機能を実証していません。あなたはPubNub側から2つのオプションがあります。
- フライトの現在の状態を示す属性をペイロードに追加します。この方法でマーカーの移動や、飛行の状態に応じてマーカーを削除することができます。左側の右側コードパネルの
PUBNUB.publish({
channel: 'sfo-flight-data',
message:
{
66e234a: {
latlng: [
37.6271,
-122.3858
],
data: [
"A33D8C",
37.6271,
-122.3858,
118,
0,
23,
"3765",
"F-KSJC3",
"DC10",
"N308FE",
1433383239,
"SFO",
"MEM",
"FX1345",
1,
0,
"FDX1345",
,0
"active" //ADDED
],
},
//...
}
});
、メッセージを受信したときにマーカーをレンダリングするコード。
var map = eon.map({
id: 'map',
mb_id: 'ianjennings.lec06po7',
mb_token: 'pk.eyJ1IjoiaWFuamVubmluZ3MiLCJhIjoiZExwb0p5WSJ9.XLi48h-NOyJOCJuu1-h-Jg',
channel: 'sfo-flight-data',
rotate: true,
history: true,
marker: function (latlng, data) {
if(data[15] !== 'active'){ //EVALUATED
return;
}
var marker = new L.RotatedMarker(latlng, {
icon: L.icon({
iconUrl: '/wp-content/uploads/2016/05/airplane.png',
iconSize: [24, 24]
})
});
var popup = '';
if(data[13]) {
popup = 'Flight ' + data[13] + '';
}
if(data[11]) {
if(!popup.length) {
popup = 'Flight from ' + data[11];
} else {
popup += ' from ' + data[11];
}
}
if(data[12]) {
if(!popup.length) {
popup = 'Flight to ' + data[12];
} else {
popup += ' to ' + data[12];
}
}
if(!popup.length) {
var popup = 'No data available';
}
marker.bindPopup(popup);
return marker;
}
});
一般的な考え方は、フライトの変化する状態に反応することです。
https://github.com/pubnub/eon/issues/new - '新機能' ** "マップ上のマーカーを削除するすべての機能" **これは機能のリクエストとしてここに追加することができます。今のところ、 '0.0'、' 0.0'のLAT/LONGを投稿することができます。 – PubNub