From ead73b4e3a20d15d03ed662fe1850393a4decfa3 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 11 Mar 2022 18:12:12 +0800
Subject: [PATCH] viewer更改
---
src/components/map/index.vue | 127 ++++++++++++++++++++----------------------
1 files changed, 60 insertions(+), 67 deletions(-)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index 3ab6bd5..6bab02a 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -131,7 +131,6 @@
},
computed: {
...mapGetters([
- 'viewer',
'popupBgUrl',
'pupupQRUrl',
// 终点
@@ -162,64 +161,64 @@
mounted () {
var that = this
- let viewer, eagleViewer
+ let eagleViewer
function distanceSurface () {
- viewer.measure.distanceSurface()
+ global.viewer.measure.distanceSurface()
}
function calcArea () {
- viewer.measure.area()
+ global.viewer.measure.area()
}
function areaSurface () {
- viewer.measure.areaSurface()
+ global.viewer.measure.areaSurface()
}
function calcAngle () {
- viewer.measure.angle()
+ global.viewer.measure.angle()
}
function calcModelAngle () {
- viewer.measure.angle({
+ global.viewer.measure.angle({
clampToModel: true
})
}
function calcHeight () {
- viewer.measure.height()
+ global.viewer.measure.height()
}
function calcModelHeight () {
- viewer.measure.height({
+ global.viewer.measure.height({
clampToModel: true
})
}
function calcHeading () {
- viewer.measure.heading()
+ global.viewer.measure.heading()
}
function areaHeight () {
- viewer.measure.areaHeight()
+ global.viewer.measure.areaHeight()
}
function calcTriangleHeight () {
- viewer.measure.triangleHeight()
+ global.viewer.measure.triangleHeight()
}
function calcModelTriangleHeight () {
- viewer.measure.triangleHeight({
+ global.viewer.measure.triangleHeight({
clampToModel: true
})
}
function deactivate () {
- viewer.measure.deactivate()
+ global.viewer.measure.deactivate()
}
function initViewer () {
- viewer = new global.DC.Viewer('viewer-container', {
+ global.viewer = new global.DC.Viewer('viewer-container', {
contextOptions: {
webgl: {
stencil: true,
@@ -227,6 +226,8 @@
}
}
})
+
+ that.$store.commit('SET_VIEWEREXIST', true)
eagleViewer = new global.DC.Viewer('eagleEyeMap', {
animation: false,
@@ -246,32 +247,26 @@
})
eagleViewer.imageryLayers.addImageryProvider(
- new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
- url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
- type: 'wmts',
- layer: 'vec',
- style: 'default',
- format: 'tiles',
- tileMatrixSetID: 'w',
+ new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
+ url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
+ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
+ format: 'image/jpeg',
show: true,
maximumLevel: 18
})
)
eagleViewer.imageryLayers.addImageryProvider(
- new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
- url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
- type: 'wmts',
- layer: 'cva',
- style: 'default',
- format: 'tiles',
- tileMatrixSetID: 'w',
+ new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
+ url: 'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&x={x}&y={y}&l={z}&tk=9ae78c51a0a28f06444d541148496e36',
+ subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
+ format: 'image/jpeg',
show: true,
maximumLevel: 18
})
)
- var sceneL = viewer.scene
+ var sceneL = global.viewer.scene
var sceneR = eagleViewer.scene
var handlerL = new global.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneL.canvas)
@@ -295,7 +290,7 @@
var syncviewer = function () {
if (isLeftTrigger) {
- const position = global.DC.Transform.transformCartesianToWGS84(viewer.camera.position)
+ const position = global.DC.Transform.transformCartesianToWGS84(global.viewer.camera.position)
eagleViewer.camera.flyTo({
@@ -303,11 +298,11 @@
orientation: {
- heading: viewer.camera.heading,
+ heading: global.viewer.camera.heading,
- pitch: viewer.camera.pitch,
+ pitch: global.viewer.camera.pitch,
- roll: viewer.camera.roll
+ roll: global.viewer.camera.roll
},
@@ -317,13 +312,13 @@
}
}
- viewer.camera.changed.addEventListener(syncviewer)
+ global.viewer.camera.changed.addEventListener(syncviewer)
- viewer.scene.preRender.addEventListener(syncviewer)
+ global.viewer.scene.preRender.addEventListener(syncviewer)
var synceagleViewer = function () {
if (isRightTrigger && that.samllMapFlag) {
- viewer.camera.flyTo({
+ global.viewer.camera.flyTo({
destination: eagleViewer.camera.position,
@@ -362,23 +357,23 @@
eagleViewer.scene.preRender.addEventListener(synceagleViewer)
- // viewer.camera.percentageChanged = 0.01
+ // global.viewer.camera.percentageChanged = 0.01
// eagleViewer.camera.percentageChanged = 0.01
- // viewer.camera.changed.addEventListener((e) => {
+ // global.viewer.camera.changed.addEventListener((e) => {
// eagleViewer.camera.flyTo({
- // destination: viewer.camera.position,
+ // destination: global.viewer.camera.position,
// orientation: {
- // heading: viewer.camera.heading + 5000,
- // pitch: viewer.camera.pitch,
- // roll: viewer.camera.roll
+ // heading: global.viewer.camera.heading + 5000,
+ // pitch: global.viewer.camera.pitch,
+ // roll: global.viewer.camera.roll
// },
// duration: 0.0
// })
// })
// eagleViewer.camera.changed.addEventListener((e) => {
- // viewer.camera.flyTo({
+ // global.viewer.camera.flyTo({
// destination: eagleViewer.camera.position,
// orientation: {
// heading: eagleViewer.camera.heading - 5000,
@@ -389,11 +384,9 @@
// })
// })
- that.createdLayers(viewer)
+ that.createdLayers()
- that.$store.commit('SET_VIEWER', viewer)
-
- that.$refs.leftNav.initialize(viewer)
+ that.$refs.leftNav.initialize()
// const key = '0f7c1d161d7352116a21aacf0e9f44c1'
// const vec = global.DC.ImageryLayerFactory.createTdtImageryLayer({
@@ -403,11 +396,11 @@
// key,
// style: 'cva'
// })
- // viewer.addBaseLayer([vec, cva])
+ // global.viewer.addBaseLayer([vec, cva])
// const areaLayer = new global.DC.VectorLayer('areaLayer')
- // viewer.addLayer(areaLayer)
+ // global.viewer.addLayer(areaLayer)
// axios.get('http://59.55.128.156:6080/arcgis/rest/services/xiajiangfhgc/MapServer/4/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson').then(resultData => {
// resultData.data.features.forEach(item => {
@@ -434,7 +427,7 @@
// color: undefined
// }
- // viewer.on(global.DC.MouseEventType.MOUSE_MOVE, e => {
+ // global.viewer.on(global.DC.MouseEventType.MOUSE_MOVE, e => {
// if (e.overlay != undefined) {
// if (select.overlay != undefined) {
// if (e.overlay != select.overlay) {
@@ -469,18 +462,18 @@
// }
// })
- // viewer.on(global.DC.MouseEventType.CLICK, e => {
+ // global.viewer.on(global.DC.MouseEventType.CLICK, e => {
// if (e.overlay != undefined) {
// console.log(e.overlay.attr)
// }
// })
- // viewer.addBaseLayer(baselayer, {
+ // global.viewer.addBaseLayer(baselayer, {
// iconUrl: 'examples/images/icon/img.png',
// name: '影像'
// })
- // viewer.addBaseLayer(wmtslayer, {
+ // global.viewer.addBaseLayer(wmtslayer, {
// iconUrl: 'examples/images/icon/img.png',
// name: '影像'
// })
@@ -490,7 +483,7 @@
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer'
// })
- // viewer.addBaseLayer(baselayer_shaded, {
+ // global.viewer.addBaseLayer(baselayer_shaded, {
// iconUrl: 'examples/images/icon/elec.png',
// name: '电子'
// })
@@ -500,7 +493,7 @@
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer'
// })
- // viewer.addBaseLayer(baselayer_street, {
+ // global.viewer.addBaseLayer(baselayer_street, {
// iconUrl: 'examples/images/icon/ter.png',
// name: '地形'
// })
@@ -510,29 +503,29 @@
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
// })
- // viewer.addBaseLayer(baselayer_ter, {
+ // global.viewer.addBaseLayer(baselayer_ter, {
// iconUrl: 'examples/images/icon/ter.png',
// name: '地形'
// })
- viewer.use(new global.DC.Measure())
+ global.viewer.use(new global.DC.Measure())
- // viewer.flyToPosition(
+ // global.viewer.flyToPosition(
// new global.DC.Position(117.08489820, 31.65413916, 1500, 0, -90, 45)
// )
- viewer.compass.enable = true
- viewer.zoomController.enable = true
- viewer.locationBar.enable = true
+ global.viewer.compass.enable = true
+ global.viewer.zoomController.enable = true
+ global.viewer.locationBar.enable = true
// DC的鹰眼地图
- // viewer.hawkeyeMap.enable = true
- // viewer.hawkeyeMap.addBaseLayer(
+ // global.viewer.hawkeyeMap.enable = true
+ // global.viewer.hawkeyeMap.addBaseLayer(
// global.DC.ImageryLayerFactory.createAmapImageryLayer({
// crs: 'WGS84'
// })
// )
- // viewer.distanceLegend.enable = true
+ // global.viewer.distanceLegend.enable = true
}
global.DC.ready(initViewer)
@@ -543,9 +536,9 @@
this.$refs.campusBuildingSearch.shortcutShow(e)
},
- createdLayers (viewer) {
+ createdLayers () {
const layerGroup = new global.DC.LayerGroup('modelBox')
- viewer.addLayerGroup(layerGroup)
+ global.viewer.addLayerGroup(layerGroup)
this.areaLayer = new global.DC.VectorLayer('areaLayer')
layerGroup.addLayer(this.areaLayer)
--
Gitblit v1.9.3