import parse from "qs/lib/parse";
import store from "../../../store";
import * as turf from '@turf/turf';
const menuGrid = {
    geom: [],
    init() {
        var that = this;
        var grid = sgworld.Creator.createSimpleGraphic(
            "point",
            {
                // clampToGround: false
            }, (entity) => {
                var val = that.setCartesianToEightFour(entity.position.getValue())
                that.geom.push([parseFloat(val.lng), parseFloat(val.lat)])
                sgworld.Creator.SimpleGraphic.remove(entity.id);
                if (this.geom.length < 2) {
                    that.init();
                } else {
                    store.state.isshowGrid = true;
                }
            })
    },
    setTurfGrid(res, geom) {

        var box = [parseFloat(geom[0][0]), parseFloat(geom[0][1]), parseFloat(geom[1][0]), parseFloat(geom[1][1])]
        this.geom = [];
        var options = { units: "meters" };
        var squareGrid = turf.squareGrid(box, res.cellSide, options);
        var features = [];
        for (var i = 0; i < squareGrid.features.length; i++) {
            var coord = squareGrid.features[i].geometry.coordinates[0];
            var coordinates = [];
            for (var j in coord) {
                coordinates.push([coord[j][0], coord[j][1], 18])
            }
            features.push({
                "type": "Feature", "properties": {
                    "NAME": '新建格网' + (i + 1),
                    "bak": ''
                },
                "geometry": {
                    "type": "Polygon", "coordinates": [
                        coordinates
                    ]
                }
            })
        }
        var obj = {
            "type": "FeatureCollection",
            "name": "新建格网",
            "crs": {
                "type": "name",
                "properties": {
                    "name": "urn:ogc:def:crs:OGC:1.3:CRS84"
                }
            },
            "features": features
        }
        this.adddDataSource(obj)
    },

    adddDataSource(res) {
        var data = Cesium.GeoJsonDataSource.load(res, //要加载的 url、GeoJSON 对象或 TopoJSON 对象。
            {
                stroke: Cesium.Color.RED, //折线和多边形轮廓的默认颜色。
                fill: Cesium.Color.WHITE.withAlpha(0.2), //多边形内部的默认颜色。
                strokeWidth: 3, //折线和多边形轮廓的默认宽度。
            }
        )
        data.then((dataSource) => {
            Viewer.dataSources.add(
                dataSource
            );
        })
    },

    setOtherGrid(res, geom) {
        var maxlon, minlon, maxlat, minlat;
        console.log(geom)
        if (parseFloat(geom[0][0]) > parseFloat(geom[1][0])) {
            maxlon = parseFloat(geom[0][0]);
            minlon = parseFloat(geom[1][0]);
        } else {
            maxlon = parseFloat(geom[1][0]);
            minlon = parseFloat(geom[0][0]);
        }
        if (parseFloat(geom[0][1]) > parseFloat(geom[1][1])) {
            maxlat = geom[0][1];
            minlat = geom[1][1];
        } else {
            maxlat = geom[1][1];
            minlat = geom[0][1];
        }
        var row = 3;
        var col = 3;
        var lon_dis = (parseFloat(maxlon) - parseFloat(minlon)) / 3;
        var lat_dis = (parseFloat(maxlat) - parseFloat(minlat)) / 3;
        console.log(lon_dis, minlon)
        for (var i = 0; i < col; i++) {
            for (var j = 0; j < row; j++) {
                var startlon = parseFloat(minlon + (j * lon_dis)) 
                var startlat = parseFloat(minlat + (i * lat_dis)) 
                var endlon = parseFloat(minlon + ((j + 1) * lon_dis)) 
                var endlat = parseFloat(minlat + ((i + 1) * lat_dis)) 
                var positions = [
                    parseFloat(startlon), parseFloat(startlat),  parseFloat(endlon), parseFloat(startlat),  
                    parseFloat(endlon), parseFloat(endlat),  parseFloat(startlon), parseFloat(endlat),   parseFloat(startlon), parseFloat(startlat) 
                ]
            
                   
                Viewer.entities.add({
                    name: "polygon_height",
                    polygon: {
                        show: true,
                        hierarchy: new Cesium.Cartesian3.fromDegreesArray(positions),
                        height: 18,
                        material: Cesium.Color.CYAN.withAlpha(0.5),
                        outline: true,
                        outlineColor: Cesium.Color.BLACK,
                    }
                })
          


            }
        }
    },


    setGridRowCol(res) {
        store.state.isshowGrid = false;
        var geom = this.geom;
        // this.setTurfGrid(res,geom)
        this.setOtherGrid(res, geom);

    },
    toFixed(res) {
        return parseFloat(res).toFixed(6)
    },
    setdistance(start, end) {
        var from = turf.point(start);
        var to = turf.point(end);
        var distance = turf.distance(from, to, {
            units: 'meters'
        });
        return distance
    },


    setCartesianToEightFour(res) {
        var std = {};
        let ellipsoid = window.Viewer.scene.globe.ellipsoid;
        let cartographic = ellipsoid.cartesianToCartographic(res);
        std.lat = Cesium.Math.toDegrees(cartographic.latitude);
        std.lng = Cesium.Math.toDegrees(cartographic.longitude);
        std.alt = cartographic.height;
        return std;
    }
}
export default menuGrid;