import Vue from 'vue'
|
import Vuex from 'vuex'
|
|
import OLCesium from 'olcs/OLCesium.js'
|
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 {
|
TileSuperMapRest
|
} from '@supermap/iclient-ol'
|
|
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 * as auth from '@/utils/auth'
|
import {
|
LOG_OUT
|
} from './mutation-types'
|
|
Vue.use(Vuex)
|
|
export default new Vuex.Store({
|
state: {
|
mapscene: {
|
val: ''
|
},
|
openlayers: {
|
map2D: new OlMap({
|
layers: [
|
new OlLayerTile({
|
zIndex: 1,
|
title: '捷泰',
|
source: new XYZ({
|
|
url: 'http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWarm/MapServer/tile/{z}/{y}/{x}'
|
|
})
|
}),
|
new OlLayerTile({
|
zIndex: 7,
|
title: '行政区',
|
source: new TileArcGISRest({
|
projection: 'EPSG:4326',
|
url: 'http://59.55.128.156:6080/arcgis/rest/services/fzxzq/MapServer'
|
})
|
})
|
],
|
view: new OlView({
|
center: [0, 0],
|
zoom: 2,
|
projection: 'EPSG:4326'
|
}),
|
// 注意地图控件的写法
|
controls: defaults().extend([
|
new FullScreen(),
|
new ScaleLine(),
|
// new MousePosition(),
|
new Rotate(),
|
new Attribution()
|
])
|
}),
|
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'
|
})
|
}),
|
|
riversLayer: new VectorLayer({ // 图标图层
|
zIndex: 8,
|
source: new VectorSource()
|
}),
|
|
riverwayIconLayer: new VectorLayer({ // 图标图层
|
zIndex: 20,
|
source: new VectorSource()
|
}),
|
riverwayIconLayerYJ: new VectorLayer({ // 图标图层
|
zIndex: 25,
|
source: new VectorSource()
|
}),
|
reservoirIconLayer: new VectorLayer({ // 图标图层
|
zIndex: 20,
|
source: new VectorSource()
|
}),
|
reservoirIconLayerYJ: new VectorLayer({ // 图标图层
|
zIndex: 25,
|
source: new VectorSource()
|
}),
|
|
rainWaterIconLayerOne: new VectorLayer({ // 图标图层
|
zIndex: 20,
|
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: [
|
new OlLayerTile({
|
zIndex: 1,
|
source: new OlSourceOSM()
|
}),
|
new OlLayerTile({
|
zIndex: 1,
|
source: new TileSuperMapRest({
|
url: 'https://iserver.supermap.io/iserver/services/map-world/rest/maps/World',
|
wrapX: true
|
}),
|
projection: 'EPSG:4326'
|
})
|
]
|
|
},
|
user: null
|
},
|
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
|
},
|
setUser (state, user) {
|
state.user = user
|
auth.setToken(user.access_token)
|
},
|
|
[LOG_OUT] (state) {
|
state.user = null
|
auth.removeToken()
|
}
|
},
|
actions: {
|
|
},
|
getters: {
|
|
},
|
modules: {}
|
})
|
