Pubnub

Question

我尝试实施 Pubnub - "Realtime Flight Tracking Map" example

谁能告诉我如何从频道取消发布，然后相应的标记就会从地图上消失。例如，在上面 link 中显示的演示中，如果航班“66e234a”离线，则标记不应显示在地图中。

请帮我实现这个功能..

Answer 1

取消发布并删除标记

如果将航班设置为 0.0 和 0.0 是否有效？

66e234a: {
       latlng: [
         0.0,
         0.0
       ]

但是 unpublish "remove a marker from map" 的能力可以作为功能请求添加到这里：https://github.com/pubnub/eon/issues/new - New Feature "All ability to remove marker on map"。现在你可以 post LAT/LONG of 0.0, 0.0.

Answer 2

一旦发布，您不想取消发布消息，只需向正在发布的数据添加一个状态属性，这样您就可以根据航班状态决定删除、不呈现或更改标记。

该演示并未演示该类型的功能。 PubNub 方面有两种选择。

向您的负载添加一个属性，指示飞行的当前状态。这样您就可以移动标记，或根据飞行状态移除标记。在右侧代码面板

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

总体思路是对航班不断变化的状态做出反应。

Pubnub - 如何从频道取消发布

Pubnub - How to UnPublish from a channel

javascript

取消发布并删除标记