From 368cadf28a912e35bd9d8017588cb0aefffc7b79 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 08 Mar 2022 17:10:48 +0800
Subject: [PATCH] 二维码扫码与PC端DC使用方式更换
---
src/components/map/index.vue | 65 +++++++++++++++-----------------
1 files changed, 31 insertions(+), 34 deletions(-)
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index a66db66..3ab6bd5 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -66,7 +66,6 @@
},
data () {
return {
- DC: null,
areaLayer: null,
samllMapFlag: false
}
@@ -165,8 +164,6 @@
let viewer, eagleViewer
- that.DC = global.DC
-
function distanceSurface () {
viewer.measure.distanceSurface()
}
@@ -222,7 +219,7 @@
}
function initViewer () {
- viewer = new that.DC.Viewer('viewer-container', {
+ viewer = new global.DC.Viewer('viewer-container', {
contextOptions: {
webgl: {
stencil: true,
@@ -231,7 +228,7 @@
}
})
- eagleViewer = new that.DC.Viewer('eagleEyeMap', {
+ eagleViewer = new global.DC.Viewer('eagleEyeMap', {
animation: false,
baseLayerPicker: false,
imageryProvider: false,
@@ -245,11 +242,11 @@
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false,
creditContainer: undefined
- // sceneMode: that.DC.Namespace.Cesium.SceneMode.SCENE2D
+ // sceneMode: global.DC.Namespace.Cesium.SceneMode.SCENE2D
})
eagleViewer.imageryLayers.addImageryProvider(
- new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
+ new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
type: 'wmts',
layer: 'vec',
@@ -262,7 +259,7 @@
)
eagleViewer.imageryLayers.addImageryProvider(
- new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
+ new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36',
type: 'wmts',
layer: 'cva',
@@ -277,8 +274,8 @@
var sceneL = viewer.scene
var sceneR = eagleViewer.scene
- var handlerL = new that.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneL.canvas)
- var handlerR = new that.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneR.canvas)
+ var handlerL = new global.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneL.canvas)
+ var handlerR = new global.DC.Namespace.Cesium.ScreenSpaceEventHandler(sceneR.canvas)
var isLeftTrigger = false
@@ -287,22 +284,22 @@
handlerL.setInputAction(function (movement) {
isLeftTrigger = true
isRightTrigger = false
- }, that.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)
+ }, global.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)
handlerR.setInputAction(function (movement) {
if (that.samllMapFlag) {
isLeftTrigger = false
isRightTrigger = true
}
- }, that.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)
+ }, global.DC.Namespace.Cesium.ScreenSpaceEventType.MOUSE_MOVE)
var syncviewer = function () {
if (isLeftTrigger) {
- const position = that.DC.Transform.transformCartesianToWGS84(viewer.camera.position)
+ const position = global.DC.Transform.transformCartesianToWGS84(viewer.camera.position)
eagleViewer.camera.flyTo({
- destination: that.DC.Transform.transformWGS84ToCartesian(new that.DC.Position(position.lng, position.lat, position.alt + 1000)),
+ destination: global.DC.Transform.transformWGS84ToCartesian(new global.DC.Position(position.lng, position.lat, position.alt + 1000)),
orientation: {
@@ -349,14 +346,14 @@
eagleViewer.camera.setView({
// Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
// fromDegrees()方法，将经纬度和高程转换为世界坐标
- destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(
+ destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
115.871863, 28.743861, 1400.0
),
orientation: {
// 指向
- heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0),
+ heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
// 视角
- pitch: that.DC.Namespace.Cesium.Math.toRadians(-90),
+ pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
roll: 0.0
}
})
@@ -399,16 +396,16 @@
that.$refs.leftNav.initialize(viewer)
// const key = '0f7c1d161d7352116a21aacf0e9f44c1'
- // const vec = that.DC.ImageryLayerFactory.createTdtImageryLayer({
+ // const vec = global.DC.ImageryLayerFactory.createTdtImageryLayer({
// key
// })
- // const cva = that.DC.ImageryLayerFactory.createTdtImageryLayer({
+ // const cva = global.DC.ImageryLayerFactory.createTdtImageryLayer({
// key,
// style: 'cva'
// })
// viewer.addBaseLayer([vec, cva])
- // const areaLayer = new that.DC.VectorLayer('areaLayer')
+ // const areaLayer = new global.DC.VectorLayer('areaLayer')
// viewer.addLayer(areaLayer)
@@ -420,11 +417,11 @@
// item.geometry.rings[0] = item.geometry.rings[0].join(';')
- // const polygon = new that.DC.Polygon(item.geometry.rings[0])
+ // const polygon = new global.DC.Polygon(item.geometry.rings[0])
// polygon.setStyle({
- // material: that.DC.Namespace.Cesium.Color.fromBytes(255, 255, 255, 0)
+ // material: global.DC.Namespace.Cesium.Color.fromBytes(255, 255, 255, 0)
// })
@@ -437,7 +434,7 @@
// color: undefined
// }
- // viewer.on(that.DC.MouseEventType.MOUSE_MOVE, e => {
+ // viewer.on(global.DC.MouseEventType.MOUSE_MOVE, e => {
// if (e.overlay != undefined) {
// if (select.overlay != undefined) {
// if (e.overlay != select.overlay) {
@@ -456,7 +453,7 @@
// select.color = e.overlay._style.material
// select.overlay.setStyle({
- // material: that.DC.Namespace.Cesium.Color.fromBytes(32, 108, 247, 158)
+ // material: global.DC.Namespace.Cesium.Color.fromBytes(32, 108, 247, 158)
// })
// }
@@ -472,7 +469,7 @@
// }
// })
- // viewer.on(that.DC.MouseEventType.CLICK, e => {
+ // viewer.on(global.DC.MouseEventType.CLICK, e => {
// if (e.overlay != undefined) {
// console.log(e.overlay.attr)
// }
@@ -489,7 +486,7 @@
// })
// // eslint-disable-next-line camelcase
- // const baselayer_shaded = that.DC.ImageryLayerFactory.createArcGisImageryLayer({
+ // const baselayer_shaded = global.DC.ImageryLayerFactory.createArcGisImageryLayer({
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer'
// })
@@ -499,7 +496,7 @@
// })
// // eslint-disable-next-line camelcase
- // const baselayer_street = that.DC.ImageryLayerFactory.createArcGisImageryLayer({
+ // const baselayer_street = global.DC.ImageryLayerFactory.createArcGisImageryLayer({
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer'
// })
@@ -509,7 +506,7 @@
// })
// // eslint-disable-next-line camelcase
- // const baselayer_ter = that.DC.ImageryLayerFactory.createArcGisImageryLayer({
+ // const baselayer_ter = global.DC.ImageryLayerFactory.createArcGisImageryLayer({
// url:
// 'http://services.arcgisonline.com/arcgis/rest/services/World_Terrain_Base/MapServer'
// })
@@ -518,10 +515,10 @@
// name: '地形'
// })
- viewer.use(new that.DC.Measure())
+ viewer.use(new global.DC.Measure())
// viewer.flyToPosition(
- // new that.DC.Position(117.08489820, 31.65413916, 1500, 0, -90, 45)
+ // new global.DC.Position(117.08489820, 31.65413916, 1500, 0, -90, 45)
// )
viewer.compass.enable = true
@@ -531,14 +528,14 @@
// DC的鹰眼地图
// viewer.hawkeyeMap.enable = true
// viewer.hawkeyeMap.addBaseLayer(
- // that.DC.ImageryLayerFactory.createAmapImageryLayer({
+ // global.DC.ImageryLayerFactory.createAmapImageryLayer({
// crs: 'WGS84'
// })
// )
// viewer.distanceLegend.enable = true
}
- that.DC.ready(initViewer)
+ global.DC.ready(initViewer)
},
methods: {
mapClick (e) {
@@ -547,10 +544,10 @@
},
createdLayers (viewer) {
- const layerGroup = new this.DC.LayerGroup('modelBox')
+ const layerGroup = new global.DC.LayerGroup('modelBox')
viewer.addLayerGroup(layerGroup)
- this.areaLayer = new this.DC.VectorLayer('areaLayer')
+ this.areaLayer = new global.DC.VectorLayer('areaLayer')
layerGroup.addLayer(this.areaLayer)
}
}
--
Gitblit v1.9.3