1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
| <template>
| <div class="viewer-box" id="viewer-container">
| <slot ref="mainContent" name="mainContent"></slot>
| </div>
| </template>
|
| <script>
| var siteEntitylayers = null
| let layersObjcect = {
| housingEstateLayer: null,
| }
| let baseLayers = null
| const ysLabels = [
| 'EPSG:4490_test:0',
| 'EPSG:4490_test:1',
| 'EPSG:4490_test:2',
| 'EPSG:4490_test:3',
| 'EPSG:4490_test:4',
| 'EPSG:4490_test:5',
| 'EPSG:4490_test:6',
| 'EPSG:4490_test:7',
| 'EPSG:4490_test:8',
| 'EPSG:4490_test:9',
| 'EPSG:4490_test:10',
| 'EPSG:4490_test:11',
| 'EPSG:4490_test:12',
| 'EPSG:4490_test:13',
| 'EPSG:4490_test:14',
| 'EPSG:4490_test:15',
| 'EPSG:4490_test:16',
| 'EPSG:4490_test:17',
| 'EPSG:4490_test:18',
| 'EPSG:4490_test:19',
| 'EPSG:4490_test:20',
| 'EPSG:4490_test:21',
| 'EPSG:4490_test:22',
| ]
| export default {
| name: 'mapBox',
|
| data () {
| return {
|
| }
| },
|
| mounted(){
| if (global.viewer != null) {
| global.viewer = null
| }
|
| const that = this
|
| // 初始化地图
| function initViewer () {
| global.viewer = new global.DC.Viewer('viewer-container')
| let baseLayer = new DC.ImageryLayerFactory.createAmapImageryLayer({
| style:'img',
| crs:"WGS84"
| })
| global.viewer.addBaseLayer(baseLayer)
|
| global.viewer.setPitchRange(-90, -45)
|
| // global.viewer.scene.globe.depthTestAgainstTerrain = false
|
| // 去除logo
| let primitiveArr = global.viewer.scene.primitives._primitives
| global.viewer.scene.primitives.remove(primitiveArr[0])
|
| // 已声明的图层添加到地图上
| siteEntitylayers = new global.DC.VectorLayer('siteEntitylayers')
| global.viewer.addLayer(siteEntitylayers)
|
| // 图层加入地图
| layersObjcect.housingEstateLayer = new global.DC.VectorLayer('housingEstateLayer')
| global.viewer.addLayer(layersObjcect.housingEstateLayer)
|
|
| // 判断是否支持图像渲染像素化处理
| if (global.DC.Namespace.Cesium.FeatureDetection.supportsImageRenderingPixelated()) {
| global.viewer.setOptions({
| resolutionScale: window.devicePixelRatio
| })
| }
|
| // 设置地图初始位置，角度等
| global.viewer.camera.setView({
| // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
| // fromDegrees()方法，将经纬度和高程转换为世界坐标
| destination: global.DC.Namespace.Cesium.Cartesian3.fromDegrees(
| 108.55125, 38.3227, 5500000
| ),
| orientation: {
| // 指向
| heading: global.DC.Namespace.Cesium.Math.toRadians(0, 0),
| // 视角
| pitch: global.DC.Namespace.Cesium.Math.toRadians(-90),
| roll: 0.0
| }
| })
|
| global.viewer.use(new global.DC.Measure())
| global.viewer.zoomController.enable = true
| }
|
| global.DC.ready(initViewer)
| },
|
| methods:{
|
| }
|
| }
| </script>
|
| <style lang="scss" scope>
| .viewer-box {
| position: relative;
| width: 100%;
| height: 100%;
| }
| </style>
|
|
