From b4cf8f90decd8c3570f5444f9098b02d899edcbe Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 04 Aug 2021 18:45:13 +0800
Subject: [PATCH] 地图地址更换
---
src/components/map/main.vue | 94 +++++++++++++++++++++++++----------------------
1 files changed, 50 insertions(+), 44 deletions(-)
diff --git a/src/components/map/main.vue b/src/components/map/main.vue
index d20f130..b541496 100644
--- a/src/components/map/main.vue
+++ b/src/components/map/main.vue
@@ -54,6 +54,8 @@
import start from '@/assets/img/start.png'
+import axios from 'axios'
+
export default {
name: 'Map',
data () {
@@ -82,55 +84,59 @@
}
},
mounted () {
- this.ol2d = new OlMap({
- layers: [
- new OlLayerTile({
- zIndex: 4,
- title: '影像',
- source: new XYZ({
- url: 'http://t3.tianditu.com/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 行政区划
+ axios.get('/json/map.json').then(res => {
+ this.ol2d = new OlMap({
+ layers: [
+ new OlLayerTile({
+ zIndex: 4,
+ title: '影像',
+ source: new XYZ({
+ url: res.data.data // 行政区划
+ })
})
- }),
- new OlLayerTile({
- zIndex: 5,
- title: '道路+中文注记',
- source: new XYZ({
- url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
- })
+ // ,
+ // new OlLayerTile({
+ // zIndex: 5,
+ // title: '道路+中文注记',
+ // source: new XYZ({
+ // url: 'http://t3.tianditu.com/DataServer?T=cta_w&x={x}&y={y}&l={z}&tk=e9533f5acb2ac470b07f406a4d24b4f0' // 注记
+ // })
+ // })
+ ],
+
+ // 注意地图控件的写法
+ controls: defaults().extend([
+ new FullScreen(),
+ new ScaleLine(),
+ // new MousePosition(),
+ new Rotate(),
+ new Attribution()
+ ]),
+ target: 'track_map',
+ view: new OlView({
+ center: [0, 0],
+ zoom: 2,
+ projection: 'EPSG:4326'
})
- ],
-
- // 注意地图控件的写法
- controls: defaults().extend([
- new FullScreen(),
- new ScaleLine(),
- // new MousePosition(),
- new Rotate(),
- new Attribution()
- ]),
- target: 'track_map',
- view: new OlView({
- center: [0, 0],
- zoom: 2,
- projection: 'EPSG:4326'
})
+ window.ol2d = this.ol2d
+
+ var view = this.ol2d.getView()
+
+ view.setCenter([115.85883507433789, 28.708432053474827])
+
+ view.setZoom(13)
+
+ const ol3d = new OLCesium({ map: window.ol2d })
+ window.ol3d = ol3d
+
+ this.ol2d.addLayer(this.gunAddlayer)
+ this.ol2d.addLayer(this.peopleAddlayer)
+ this.ol2d.addLayer(this.carAddlayer)
+ this.ol2d.addLayer(this.peopleLineAddlayer)
+ this.ol2d.addLayer(this.startPoint)
})
- window.ol2d = this.ol2d
- var view = this.ol2d.getView()
-
- view.setCenter([115.85883507433789, 28.708432053474827])
-
- view.setZoom(13)
-
- const ol3d = new OLCesium({ map: window.ol2d })
- window.ol3d = ol3d
-
- this.ol2d.addLayer(this.gunAddlayer)
- this.ol2d.addLayer(this.peopleAddlayer)
- this.ol2d.addLayer(this.carAddlayer)
- this.ol2d.addLayer(this.peopleLineAddlayer)
- this.ol2d.addLayer(this.startPoint)
},
methods: {
init3D (val) {
--
Gitblit v1.9.3