2016-08-04 44 views
1

UNPUBLISH我试图实现Pubnub - "Realtime Flight Tracking Map" examplePubnub - 如何从一个通道

谁能告诉我如何从一个通道取消发布,然后在相应的标记应该从地图上消失。 例如,在上面的链接中显示的演示中,如果航班“66e234a”离线,则标记不应显示在地图中。

请帮我实现这个功能..

+0

这可以作为一个功能要求在这里添加:https://github.com/pubnub/eon/issues/new - '新功能*​​“所有能够删除地图上的标记”**。现在你可以发布一个LAT/LONG的'0.0','0.0'。 – PubNub

回答

1

发布后,您不希望取消发布消息,只需向要发布的数据添加状态属性,以便您可以决定根据航班状态删除,不呈现或更改标记。

该演示没有演示该类型的功能。您有两个来自PubNub端的选项。

  1. 将一个属性添加到您的有效载荷中,以指示当前的航班状态。这样,您可以移动标记,或根据飞行状态移除标记。在左侧右侧代码面板
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; 
    } 
}); 

总体思路是对飞行状态的变化做出反应。

+0

太棒了!谢谢 – Charu

0

取消发布和删除标记

请问,如果你设置飞行0.00.0工作?

66e234a: { 
     latlng: [ 
     0.0, 
     0.0 
     ] 

但是能力unpublish“从地图移除标记”可以作为一个功能要求的位置:https://github.com/pubnub/eon/issues/new - New Feature“取消对地图标记所有的能力。”现在您可以发布LAT/LONG的0.0,0.0

相关问题