Method onAdd

src/mapboxgl/overlay/VideoLayer.js:114–210

* @function VideoLayer.prototype.onAdd * @description 添加该图层。 * @param {mapboxgl.Map} map - 地图实例。

(map)

    * @param {mapboxgl.Map} map - 地图实例。
    */
   onAdd(map) {
     this.map = map;
     this.renderer = new VideoLayerRenderer({ url: this.url, id: this.layerId });
     this.video = this.renderer.createVideo();
     this.videoDomId = this.renderer.getVideoDomId();
 
     this.video.one('firstplay', () => {
       this.video.play();
     });
     this.video.one('canplay', () => {
       this.videoWidth = this.video.videoWidth();
       this.videoHeight = this.video.videoHeight();
       if (!Array.isArray(this.videoParameters)) {
         this.videoParameters = [this.videoParameters];
       }
       this._initParameters(this.videoParameters[0]).then((coordTransfer) => {
         this.coordTransfer = coordTransfer;
         this.timeParams = {};
         this.videoParameters.forEach((dataItem) => {
           const { pitch, roll, yaw, x, y, z, fovX, fovY, centerX, centerY } = dataItem;
           const time = dataItem.time || 0;
           this.timeParams[time] = {}
           let fx = fovXToFx(fovX, this.videoWidth);
           let fy = fovYToFy(fovY, this.videoHeight);
           this.coordTransfer.setCameraLocation({
             pitch, roll, yaw, x, y, z, fx, fy, centerX, centerY
           });
           const extent = dataItem.extent || this.extent;
           const formatExtent = extent.map((item) => {
             if (Array.isArray(item)) {
               return item;
             }
             return [item.x, item.y];
           });
           const poly = polygon([
             [...formatExtent, formatExtent[0]]
           ]);
           const result = bbox(poly);
           this.timeParams[time].result = result;
           let latlng = [];
           this.timeParams[time].allContained = true;
           let that = this;
           let temp = [[0, 0], [that.videoWidth, 0], [that.videoWidth, that.videoHeight], [0, that.videoHeight]];
           let realHeight = this.videoHeight;
           if (this.clipRegion.length) {
             temp = this.clipRegion;
             realHeight = this.clipRegion[2][1] - this.clipRegion[0][1];
           }
           this.timeParams[time].realHeight = realHeight;
           temp.forEach((point) => {
             let coord = this.coordTransfer.toSpatialCoordinate(point);
             let tcoord = [coord[0], coord[1]];
             const pcoord = proj4('EPSG:3857', 'EPSG:4326', tcoord);
             if (!this._contain(pcoord, result)) {
               this.timeParams[time].allContained = false;
             }
             latlng.push(pcoord);
           });