import _GLOBAL from '@/assets/GLOBAL2'
import gcj02Mecator from '@/utils/transform'
import { ceil } from 'lodash';
//清除
export function clearAll() {
    if (_GLOBAL.ImageLayer) {
        window.mapapi.removeLayer(_GLOBAL.ImageLayer);
    }
    if (_GLOBAL.annotation) {
        window.mapapi.removeLayer(_GLOBAL.annotation);
    }
    if (_GLOBAL.hexin) {
        window.mapapi.removeLayer(_GLOBAL.hexin);
    }
    if (_GLOBAL.yzxcgh) {
        window.mapapi.removeLayer(_GLOBAL.yzxcgh);
    }
    if (_GLOBAL.baseMap) {
        window.mapapi.removeLayer(_GLOBAL.baseMap);
    }
    if (_GLOBAL.geoMap) {
        window.mapapi.removeLayer(_GLOBAL.geoMap);

    }
}

//加载航拍影像
export function addImageLayer() {
    _GLOBAL.ImageLayer = new ol.layer.Tile({
        source: new ol.source.XYZ({
            url: `${'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer'}/tile/{z}/{y}/{x}`,
            projection:"EPSG:3857",
            tileSize: 512        
        }),
    });
    window.mapapi.addLayer(_GLOBAL.ImageLayer);
}

//加载白色地图
export function loadBaseMap() {
    _GLOBAL.baseMap = new ol.layer.Tile({
        source: new ol.source.TileWMS({
            ratio: 3,
            url: "https://skyzt.bda.gov.cn/gisserver/wmsserver/shiliangditu_baisexi_wms", //图层地址
            params: {
                VERSION: "1.1.1",
                SRS: "EPSG:3857",
                FORMAT: "image/png",
                TILED: true,
                LAYERS: "",
            },
        }),
    });
    window.mapapi.addLayer(_GLOBAL.baseMap)

}

//加载高德地图
export function loadGeoMap() {
    _GLOBAL.geoMap = new ol.layer.Tile({
        source: new ol.source.XYZ({
            wrapX: false,
            projection: gcj02Mecator,
            url: ` https://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}`,
        }),
    });
    window.mapapi.addLayer(_GLOBAL.geoMap);

}


//加载高德标注
export function addAnnotationLayer() {
    _GLOBAL.annotation = new ol.layer.Tile({
        source: new ol.source.XYZ({
            wrapX: false,
            projection: gcj02Mecator,
            url: `https://webst02.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}`,
        }),
    });
    window.mapapi.addLayer(_GLOBAL.annotation);
}

// 核心区规划范围
export function addHxLayer() {
    _GLOBAL.hexin = new ol.layer.Tile({
        source: new ol.source.TileWMS({
            ratio: 3,
            url: 'https://skyzt.bda.gov.cn/gisserver/wmsserver/YZ_BJ60',
            params: {
                'VERSION': '1.1.1',
                'SRS': 'EPSG:3857',
                'FORMAT': 'image/png',
                'TILED': true,
                "LAYERS": ''
            }
        })
    })
    window.mapapi.addLayer(_GLOBAL.hexin)
}

//亦庄新城规划范围
export function addYzLayer() {
    _GLOBAL.yzxcgh = new ol.layer.Tile({
        source: new ol.source.TileWMS({
            ratio: 3,
            url: 'https://skyzt.bda.gov.cn/gisserver/wmsserver/YZ_BJ',//图层地址
            params: {
                'VERSION': '1.1.1',
                'SRS': 'EPSG:3857',
                'FORMAT': 'image/png',
                'TILED': true,
                "LAYERS": ''
            }
        })
    })
    window.mapapi.addLayer(_GLOBAL.yzxcgh)
}

//加载历史影像
export function addHistoryLayer(name) {
    const layerName = name;
    if (_GLOBAL.historyLayer) {
        window.mapapi.removeLayer(_GLOBAL.historyLayer)
    }
    _GLOBAL.historyLayer = new ol.layer.Tile({
        source: new ol.source.XYZ({
            projection:"EPSG:3857",
            url: `https://skyzt.bda.gov.cn/yzAdapter/Vector/?request=1&year=${layerName}&type=Sate&level={z}&x={x}&y={y}`,
        })
    });
    window.mapapi.addLayer(_GLOBAL.historyLayer);
}

//实时获取定位
export function getCurrentPosition() {
    if (navigator.geolocation) {
        navigator.geolocation.watchPosition((res) => {
            let lat = res.coords.latitude;
            let lon = res.coords.longitude;
            if (_GLOBAL.GPSMarker) {
                window.mapapi.removeLayer(_GLOBAL.GPSMarker)
            }
            _GLOBAL.GPSMarker = createGPSMarker([lon, lat], _GLOBAL.rotate);
            window.mapapi.addLayer(_GLOBAL.GPSMarker)

        });
    }

}

//创建当前定位点
export function createGPSMarker(position, rotate) {
    const GPSMarkerLayer = new ol.layer.Vector({
        id: 'LocationPoint',
        name: '定位点',
        source: new ol.source.Vector({
            features: [new ol.Feature({
                geometry: new ol.geom.Point(position),
            })]
        }),
        style: new ol.style.Style({
            image: new ol.style.Icon({
                src: require('@/assets/img/collection/mark.png'),
                anchorOrigin: "top-left",
                anchorXUnits: "fraction",
                anchorYUnits: "fraction",
                offsetOrigin: "bottom-right",
                scale: 0.6,
                rotation: rotate,
                opacity: 1,
            })
        }),
        zIndex: 9999,
    });

    return GPSMarkerLayer
};


//监听定位点跟随旋转
export function listenDirection() {
    window.addEventListener('deviceorientation', function (e) {
        if (_GLOBAL.GPSMarker) {
            _GLOBAL.rotate = e.alpha * (Math.PI / -180);
            _marker.setStyle(
                new ol.style.Style({
                    image: new ol.style.Icon({
                        anchor: [0.5, 0.5],
                        anchorOrigin: 'top-left',
                        src: require('@/assets/img/collection/mark.png'),
                        rotation: _GLOBAL.rotate,
                        anchorXUnits: "fraction",
                        anchorYUnits: "fraction",
                        scale: 0.5,
                        opacity: 1
                    })
                })
            )
        }
    }, false);
};