/* 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 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({
|
layers: [],
|
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;
|
