class Streetscape {
    constructor(sgworld, option = {}) {
        this.sgworld = sgworld
        this.streetscape_alpha = option.alpha || 1;

        /**
         *
         *  街景服务参数
         *
         */
        this.streetSphere_data = {
            StreetUrl: option.StreetUrl,
            getImageRootUrl: option.StreetUrl + "/Image3DResourceService/GetImageTile/?ImageID=",
            getImageInfo: option.StreetUrl + '/Image3DResourceService/GetImageInfo/?ImageID=',
            getFirstImageDir: "&zoom=0",
            getSecondImageDir: "&zoom=4",
            lon: option.lon,
            lat: option.lat
        }
        this.setStreetScapeUrl()
        this.init()

    }

    //设置街景接口响应回调
    setStreetViewData(StreetViewData, datas) {
        StreetViewData.getImageTileID = datas.Station.StationID;
        StreetViewData.lon = datas.Station.X;
        StreetViewData.lat = datas.Station.Y;
        StreetViewData.height = datas.Station.H;
        StreetViewData.HeadingPitchRoll = {
            heading: datas.Station.Yaw,
            pitch: datas.Station.Pitch,
            roll: datas.Station.Roll,
        };
        this.getLinksData(StreetViewData)
    }

    // 立德街景前后数据
    getLinksData(StreetViewData) {
        this.sgworld.core.xhr({
            url: this.StreetScapeOption.getInitImageSequenceById.replace('{id}', StreetViewData.getImageTileID) + '&Step=1',
            type: 'get',
            dataType: 'json',
            success: data => {
                this.setLinksData(0, data, StreetViewData, () => {
                    this.StreetView.createNavigation()
                })
            }
        })
        this.sgworld.core.xhr({
            url: this.StreetScapeOption.getInitImageSequenceById.replace('{id}', StreetViewData.getImageTileID) + '&Step=-1',
            type: 'get',
            dataType: 'json',
            success: data => {
                this.setLinksData(-1, data, StreetViewData, () => {
                    this.StreetView.createNavigation()
                })
            }
        })
    }

    setLinksData(step, data, StreetViewData, callback) {
        let angle = StreetViewData.HeadingPitchRoll.heading + step * 180
        let links = []
        if (data.StationItems) {
            links = data.StationItems.filter(item => {
                return item.Station.StationID !== StreetViewData.getImageTileID
            })
        }
        let type = step === -1 ? 'prev' : 'next'
        if (links.length) {
            let link = links[0].Station
            StreetViewData.linkImagesData.push({
                type: type,
                name: link.Address,
                ImageID: link.StationID,
                NavigationAngle: angle,
                Position: [link.X, link.Y, link.H]
            });
            // callback && callback()
        } else {
            StreetViewData.linkImagesData.push({
                type: type,
                name: data.StationItems[0].Station.Address,
                NavigationAngle: angle
            });
        }
        callback && callback()
    }

    // 立德街景交叉口数据
    getJoinsData(StreetViewData, callback) {
        this.sgworld.core.xhr({
            url: this.StreetScapeOption.getInitImageJointsById.replace('{id}', StreetViewData.getImageTileID),
            type: 'get',
            dataType: 'json',
            success: data => {
                if (data.Junction) {
                    this.pervJoinsID = StreetViewData.getImageTileID
                    callback && callback(data.Junction || [])
                } else {
                    this.sgworld.core.xhr({
                        url: this.StreetScapeOption.getInitImageJointsById.replace('{id}', this.pervJoinsID),
                        type: 'get',
                        dataType: 'json',
                        success: data => {
                            if (data.Junction) {
                                callback && callback(data.Junction || [])
                            } else {
                                layer.msg(data.Message);
                            }
                        }
                    })
                }
            }
        })
    }

    selectJoinsCallBack() {
        this.getJoinsData(this.StreetView.StreetViewData, join => {
            let btn = []
            let linkImagesData = []
            let btnFun = {}
            join.forEach((item, index) => {
                btn.push(item.RoadName)
                let data = {
                    ImageID: item.StationID,
                    NavigationAngle: item.Angle - 180,
                    Position: [item.X, item.Y, item.H]
                }
                let btnFunEvent = (layerindex) => {
                    layer.close(layerindex);
                    this.getImageInfo(data.ImageID, () => {
                        this.StreetView.MoveToLinkImage(data)
                    })
                }

                if (!index) {
                    btnFun['yes'] = btnFunEvent
                } else {
                    btnFun['btn' + (index + 1)] = btnFunEvent
                }
                linkImagesData.push(data);
            })

            layer.msg('请选择道路', {
                time: 10000,
                btn: btn,
                ...btnFun
            });
        })
    }

    setImageDataCallback(StreetViewData, data) {
        if (data && data.Sizes) {
            let size = data.Sizes[0]
            let width = size.Width
            let height = size.Height
            StreetViewData.row = Math.ceil(height / 512)
            StreetViewData.col = Math.ceil(width / 512)
            StreetViewData.maxWidth = width
            StreetViewData.maxHeight = height
        }
    }

    getImageInfo(id, callback) {
        this.sgworld.core.xhr({
            url: this.streetSphere_data.getImageInfo + id,
            type: 'get',
            dataType: 'json',
            success: data => {
                this.setImageDataCallback(this.StreetView.StreetViewData, data)
                callback && callback()
            }
        })
    }

    getImageDataByPosition(position, callback) {
        let url = this.StreetView.getInitImageByPositionURL(position)
        this.sgworld.core.xhr({
            url: url,
            type: 'get',
            dataType: 'json',
            success: data => {
                callback && callback(data)
            }
        })
    }



    //设置街景接口
    setStreetScapeUrl() {
        this.StreetScapeOption = {
            type: 'lide',
            getInitImageByPosition: '/Image3DIndexService/GetStationByCoord/?x={lon}&tolerance=0%2E0005&type=4&y={lat}',
            getInitImageJointsById: '/Image3DIndexService/GetStationJoints/?direction=1&StationID={id}',
            getInitImageSequenceById: '/Image3DIndexService/GetStationSequence/?StationID={id}',
            getInitImageById: '',
            getSecondImageById: '',
            getInitImageByPositionCallBack: this.setStreetViewData.bind(this),
            getImageInfoByIdCallBack: this.setStreetViewData.bind(this),
            selectJoinsCallBack: this.selectJoinsCallBack.bind(this),
            setImageDataCallback: this.setImageDataCallback.bind(this)
        }
        this.StreetScapeOption.getInitImageByPosition = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageByPosition;
        this.StreetScapeOption.getInitImageJointsById = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageJointsById;
        this.StreetScapeOption.getInitImageSequenceById = this.streetSphere_data.StreetUrl + this.StreetScapeOption.getInitImageSequenceById;
        this.StreetScapeOption.getInitImageById = this.streetSphere_data.getImageRootUrl + '{id}' + this.streetSphere_data.getFirstImageDir;
        this.StreetScapeOption.getSecondImageById = this.streetSphere_data.getImageRootUrl + '{id}' + this.streetSphere_data.getSecondImageDir;
        this.StreetScapeOption.getImageInfo = this.streetSphere_data.getImageInfo;
    }

    // 初始化街景
    init() {
        this.exit()
        this.sgworld.camera.stop(); //取消飞行状态

        this.StreetView = this.sgworld.analysis.StreetViewOpen({
            lon: this.streetSphere_data.lon,
            lat: this.streetSphere_data.lat
        }, this.StreetScapeOption, () => {
            //创建滑动按钮
            this.createSlider();
            ///创建退出按钮
            this.createExitButton();
        });
        this.setOpacity(this.streetscape_alpha);
    }

    //退出街景
    exit() {
        if (this.StreetView) {
            this.StreetView.exit();
            this.StreetView = null;
            this.sliderContainer && this.sliderContainer.remove();
            //移除退出按钮
            this.exitContainer && this.exitContainer.remove();
            this.sliderContainer = this.exitContainer = undefined
        }
    }

    // 跳转位置
    changePosition(position) {
        this.streetSphere_data.lon = position.lon;
        this.streetSphere_data.lat = position.lat;
        this.StreetView.StreetViewData.isTwoTextures = false;
        this.StreetView.StreetViewData.isThreeTextures = false;
        this.StreetScapeOption.flyTime = 1;
        this.init();
    }

    // 更新服务
    changeServer(StreetUrl) {
        this.streetSphere_data.StreetUrl = StreetUrl;
        this.streetSphere_data.getImageRootUrl = StreetUrl + "/Image3DResourceService/GetImageTile/?ImageID=";
        this.streetSphere_data.getImageInfo = StreetUrl + '/Image3DResourceService/GetImageInfo/?ImageID=';
        this.StreetView.StreetViewData.isTwoTextures = false;
        this.StreetView.StreetViewData.isThreeTextures = false;
        this.setStreetScapeUrl();
        this.StreetScapeOption.flyTime = 1;
        this.init();
    }

    // 下一步
    nextStep() {
        let linkImageData = this.StreetView.StreetViewData.linkImagesData.find(item => {
            return item.type === "next"
        })
        linkImageData && this.StreetView.MoveToLinkImage(linkImageData);
    }

    // 上一步
    prevStep() {
        let linkImageData = this.StreetView.StreetViewData.linkImagesData.find(item => {
            return item.type === "prev"
        })
        linkImageData && this.StreetView.MoveToLinkImage(linkImageData);
    }

    //设置街景球透明度
    setOpacity(alpha) {
        this.streetscape_alpha = alpha
        if (this.StreetView) {
            this.StreetView.setOpacity(alpha);
        }
    }

    //创建透明度滑动条
    createSlider() {
        var div = '<div id="streetScapeSlider" style="position: absolute;top: 0;left: 0;z-index: 99;width:218px;margin: 45px 100px 10px;"><div id="opacity-streetScape"></div></div>';
        $(document.body).append(div);
        this.sliderContainer = $('#streetScapeSlider');
        layui.use('slider', () => {
            var slider = layui.slider;
            slider.render({
                elem: '#opacity-streetScape',
                theme: '#1E9FFF',
                min: 0 //最小值
                ,
                max: 100 //最大值
                ,
                value: this.streetscape_alpha * 100,
                change: (value) => {
                    this.setOpacity(value / 100);
                }
            });
        });
    }

    //创建退出按钮
    createExitButton() {
        let div = '<div id="streetScapeExitButton" style="position: absolute;top: 0;left: 0;z-index: 99;margin:20px;"><button type="button" class="layui-btn layui-btn-normal">退出</button></div>';
        $(document.body).append(div);
        this.exitContainer = $('#streetScapeExitButton');
        this.exitContainer.click(() => {
            this.exit()
        })
    }
}