/* eslint-disable no-unused-vars */
/* eslint-disable space-before-function-paren */
/* eslint-disable comma-dangle */
/* eslint-disable quotes */
/* eslint-disable semi */
import OLCesium from "ol-cesium";
import "ol/ol.css";
import OlView from "ol/View.js";
import {
  // eslint-disable-next-line no-unused-vars
  defaults as OlControlDefaults,
  defaults,
  // 全屏控件
  FullScreen,
  // 比例尺控件
  ScaleLine,
  // 缩放滚动条控件
  // eslint-disable-next-line no-unused-vars
  ZoomSlider,
  // 鼠标位置控件
  // eslint-disable-next-line no-unused-vars
  MousePosition,
  // -地图属性控件
  Attribution,
  // 鹰眼控件
  // eslint-disable-next-line no-unused-vars
  OverviewMap,
  // 缩放到范围控件
  // eslint-disable-next-line no-unused-vars
  ZoomToExtent,
  Rotate,
} from "ol/control.js";
import OlSourceOSM from "ol/source/OSM.js";
import OlLayerTile from "ol/layer/Tile.js";
import OlMap from "ol/Map.js";
import { defaults as defaultInteractions } from "ol/interaction";

import XYZ from "ol/source/XYZ";

import VectorLayer from "ol/layer/Vector";
import VectorSource from "ol/source/Vector";
import TileArcGISRest from "ol/source/TileArcGISRest";

import TilegridTileGrid from "ol/tilegrid/TileGrid";

const openlayerData = {
  state: {
    mapscene: {
      val: "",
    },
    openlayers: {
      map2D: new OlMap({
        interactions: defaultInteractions({
          pinchRotate: false, // 移动端禁止地图旋转
        }),
        layers: [
          /**
             *  new OlLayerTile({
                zIndex: 4,
                title: "影像",
                source: new XYZ({
                  url: "http://t4.tianditu.com/DataServer?T=vec_w&tk=b9031f80391e6b65bd1dd80dcde1b097&x={x}&y={y}&l={z}", // 行政区划
                }),
              }),
              new OlLayerTile({
                zIndex: 5,
                title: "影像",
                source: new XYZ({
                  url: "http://t4.tianditu.com/DataServer?T=cva_w&tk=b9031f80391e6b65bd1dd80dcde1b097&x={x}&y={y}&l={z}", // 行政区划
                }),
              }),
             */
        ],
        view: new OlView({}),
      }),
      map3D: null,

      waterAllLayer: new OlLayerTile({
        zIndex: 8,
        title: "水系图",
        source: new TileArcGISRest({
          projection: "EPSG:4326",
          url: "http://59.55.128.156:6080/arcgis/rest/services/fuzhoupcsdhl/MapServer",
        }),
      }),

      //  左侧栏对应图标加载图层
      leftNavBQ: new VectorLayer({
        // 图标图层
        zIndex: 9,
        source: new VectorSource(),
      }),
      leftNavDL: new VectorLayer({
        // 图标图层
        zIndex: 10,
        source: new VectorSource(),
      }),
      leftNavSJ: new VectorLayer({
        // 图标图层
        zIndex: 11,
        source: new VectorSource(),
      }),
      leftNavHD: new VectorLayer({
        // 图标图层
        zIndex: 12,
        source: new VectorSource(),
      }),
      leftNavTC: new VectorLayer({
        // 图标图层
        zIndex: 13,
        source: new VectorSource(),
      }),
      leftNavCR: new VectorLayer({
        // 图标图层
        zIndex: 14,
        source: new VectorSource(),
      }),

      rainWaterIconLayerTwo: new VectorLayer({
        // 图标图层
        zIndex: 21,
        source: new VectorSource(),
      }),
      rainWaterIconLayerThree: new VectorLayer({
        // 图标图层
        zIndex: 22,
        source: new VectorSource(),
      }),
      rainWaterIconLayerFour: new VectorLayer({
        // 图标图层
        zIndex: 23,
        source: new VectorSource(),
      }),
      rainWaterIconLayerFive: new VectorLayer({
        // 图标图层
        zIndex: 24,
        source: new VectorSource(),
      }),
      rainWaterIconLayerSix: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),
      rainWaterGeoJson: new VectorLayer({
        // 图标图层
        zIndex: 10,
        source: new VectorSource(),
      }),
      riskLayerNot: new VectorLayer({
        // 图标图层
        zIndex: 18,
        source: new VectorSource(),
      }),
      riskLayerNormal: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      riskLayerWarn: new VectorLayer({
        // 图标图层
        zIndex: 22,
        source: new VectorSource(),
      }),
      swzsiteLayer: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),
      siteLayer: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),
      swzsiteLayerWarn: new VectorLayer({
        // 图标图层
        zIndex: 26,
        source: new VectorSource(),
      }),
      siteLayerWarn: new VectorLayer({
        // 图标图层
        zIndex: 26,
        source: new VectorSource(),
      }),

      riverPointText: new OlLayerTile({
        // 图标图层
        zIndex: 18,
        title: "乡镇点",
        source: new TileArcGISRest({
          projection: "EPSG:4326",
          url: "http://59.55.128.156:6080/arcgis/rest/services/fuzhouxzzd/MapServer",
        }),
      }),
      riskOneLayerOne: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      riskOneLayerTwo: new VectorLayer({
        // 图标图层
        zIndex: 21,
        source: new VectorSource(),
      }),
      riskOneLayerThree: new VectorLayer({
        // 图标图层
        zIndex: 22,
        source: new VectorSource(),
      }),
      riskOneLayerFour: new VectorLayer({
        // 图标图层
        zIndex: 23,
        source: new VectorSource(),
      }),
      riskOneLayerFive: new VectorLayer({
        // 图标图层
        zIndex: 24,
        source: new VectorSource(),
      }),
      riskOneLayerSix: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),
      riskTwoLayerOne: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      riskTwoLayerTwo: new VectorLayer({
        // 图标图层
        zIndex: 21,
        source: new VectorSource(),
      }),
      riskTwoLayerThree: new VectorLayer({
        // 图标图层
        zIndex: 22,
        source: new VectorSource(),
      }),
      riskTwoLayerFour: new VectorLayer({
        // 图标图层
        zIndex: 23,
        source: new VectorSource(),
      }),
      riskTwoLayerFive: new VectorLayer({
        // 图标图层
        zIndex: 24,
        source: new VectorSource(),
      }),
      riskTwoLayerSix: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),
      riskThreeLayerOne: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      riskThreeLayerTwo: new VectorLayer({
        // 图标图层
        zIndex: 21,
        source: new VectorSource(),
      }),
      riskThreeLayerThree: new VectorLayer({
        // 图标图层
        zIndex: 22,
        source: new VectorSource(),
      }),
      riskThreeLayerFour: new VectorLayer({
        // 图标图层
        zIndex: 23,
        source: new VectorSource(),
      }),
      riskThreeLayerFive: new VectorLayer({
        // 图标图层
        zIndex: 24,
        source: new VectorSource(),
      }),
      riskThreeLayerSix: new VectorLayer({
        // 图标图层
        zIndex: 25,
        source: new VectorSource(),
      }),

      soilIconLayerOne: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      soilIconLayerTwo: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      soilIconLayerThree: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
      soilIconLayerFour: new VectorLayer({
        // 图标图层
        zIndex: 20,
        source: new VectorSource(),
      }),
    },
    // 底图 矢量图 vec 影像图 img
    layeredImage: {
      shadow: [
        // new Group({
        //     layers: [
        //         new TileLayer({
        //             source: new XYZ({
        //                 //url : 'http://mt3.google.cn/vt/lyrs=m&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}', //这是加载线上谷歌地图
        //                 tileUrlFunction: ($xyz) => { //引入离线瓦片
        //                     return require('@/assets/google/' + $xyz[0] + '/' + $xyz[1] + '/' + $xyz[2] + '.png');
        //                 },
        //                 minZoom: 17,
        //                 maxZoom: 17
        //             })
        //         }),
        //     ]
        // })

        new OlLayerTile({
          zIndex: 4,
          title: "影像",
          source: new XYZ({
            // url: 'http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36' // 行政区划
            url: "/localData/yx/{z}/{x}/{y}.png",
          }),
        }),

        // new OlLayerTile({
        //     zIndex: 5,
        //     title: '道路+中文注记',
        //     source: new XYZ({
        //         url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36' // 注记
        //     })
        // })
      ],
      vector: [
        new OlLayerTile({
          zIndex: 4,
          title: "矢量",
          source: new XYZ({
            // url: 'http://t3.tianditu.com/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 行政区划
            url: "/localData/sl/{z}/{x}/{y}.png",
            // tileUrlFunction: function (tileCoord) {
            //     var z = tileCoord[0]
            //     var x = tileCoord[1]
            //     var y = Math.pow(2, z) + tileCoord[2]
            //     return '../assets/sl/' + z + '/' + x + '/' + y + '.png'
            // }
          }),
        }),
        // new OlLayerTile({
        //     zIndex: 5,
        //     title: '中文注记',
        //     source: new XYZ({
        //         url: 'http://t3.tianditu.com/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
        //     })
        // })
      ],
      // 默认底图
      defaultImage: [],
    },
  },
  mutations: {
    setOrgetMapScene(state) {
      state.openlayers.map3D = new OLCesium({
        map: state.openlayers.map2D,
      });
    },
    addLayerImage(state) {
      // eslint-disable-next-line no-unused-expressions
      state.openlayers.map2D.addlayer;
    },
  },
  actions: {},
  getters: {},
  modules: {},
};

export default openlayerData;