adsbmap-data-providor

基于Vue的 adsb socket 数据提供库。

Guide

Quick Start

Installation

npm install --save adsbmap-data-providor

DataProvidor

引入

先在组件中引入该组件。

import { DataProvidor } from "adsbmap-data-providor";

使用

<template>
  <DataProvidor
    socketUrl="http://xxx.xxx.xxx/socketUrl"
    uuid="xxx"
    tokenUrl="http://xxx.xxx/tokenUrl"
  ></DataProvidor>
</template>

API

DataProvidor

DataProvidor 包装了连接 socket，验证 socket 的相关逻辑。

Props 可传参数

Provide 依赖注入

$onValidatedSocket: Promise<T>

$onValidatedSocket 表示 socket 已经连接成功并且已经通过了 token 验证。返回了一个 Promise 对象，在 resolve 中返回了 LocSocket 实例。

Methods 方法

fetchFlightPath

用来获取航班的轨迹。详情可参考 socket.getFlightFullPath()。

Events 事件

@connect

socket 连接成功回调事件。

@load

socket 已经连接并且验证成功

@push-locflight

socket 推送范围内航班的回调事件。

@push-forecasttrace

socket 推送航班轨迹的回调事件。

@disconnect

socket 连接失败回调事件。

@heart-beat

socket 心跳消息回调事件。

LocSocket

Socket 的类，封装了 socket 相关的连接，验证，推送数据，获取数据等方法。

Methods 方法

heartBeat

发送心跳消息，保持 socket 连接

subscribeLocFlight

订阅范围内的轨迹数据推送。

pauseSubscribeLocFlight

暂停订阅范围轨迹数据推送

getFlightFullPath

获取航班的轨迹数据。

close

主动关闭 socket。