From e8a728024b32be3d227e406c13aee47bb254d10f Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Fri, 13 Aug 2021 09:05:33 +0800
Subject: [PATCH] 视频，地图等相关修改
---
src/components/map/main.vue | 140 ++++++++++++++++++++++++----------------------
1 files changed, 72 insertions(+), 68 deletions(-)
diff --git a/src/components/map/main.vue b/src/components/map/main.vue
index a9a1f33..100dcd0 100644
--- a/src/components/map/main.vue
+++ b/src/components/map/main.vue
@@ -90,92 +90,92 @@
},
mounted () {
// 本地开发使用
- // this.ol2d = new OlMap({
- // layers: [
- // new OlLayerTile({
- // zIndex: 4,
- // title: '影像',
- // source: new XYZ({
- // url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal" // 行政区划
- // })
- // })
- // // ,
- // // 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'
- // })
- // })
-
- var projection = getProjection("EPSG:4326");
- var projectionExtent = projection.getExtent();
- var size = getWidth(projectionExtent) / 256;
- var resolutions = [];
- for (var z = 2; z < 19; ++z) {//计算比例尺
- resolutions[z] = size / Math.pow(2, z);
- }
-
- // 正式服务器上使用
this.ol2d = new OlMap({
layers: [
- new OlLayerTile({//矢量地图
-
- source: new WMTS({
- url: "http://47.49.21.207:7001/PGIS_S_TileMapServer/Maps/YX",
- layer: "JX14YGJCIMGL7_L14",
- style: "default",
- matrixSet: "JX14YGJCIMGL7_L14",
- format: "image/png",
- wrapX: true,
- tileGrid: new WMTSTileGrid({
- origin: getTopLeft(projectionExtent),
- //resolutions: res.slice(0, 15),
- resolutions: resolutions,
- matrixIds: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
- })
- }),
-
+ new OlLayerTile({
+ zIndex: 4,
+ title: '影像',
+ source: new XYZ({
+ url: "https://webmap-tile.sf-express.com/MapTileService/rt?fetchtype=static&x={x}&y={y}&z={z}&project=sfmap&pic_size=256&pic_type=png8&data_name=361100&data_format=merged-dat&data_type=normal" // 行政区划
+ })
})
+ // ,
+ // 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 MousePosition(),
new Rotate(),
new Attribution()
]),
target: 'track_map',
view: new OlView({
- center: [115.85883507433789, 28.708432053474827],
- projection: projection,
- zoom: 11,
- maxZoom: 15,
- minZoom: 1
-
+ center: [0, 0],
+ zoom: 2,
+ projection: 'EPSG:4326'
})
})
+ // var projection = getProjection("EPSG:4326");
+ // var projectionExtent = projection.getExtent();
+ // var size = getWidth(projectionExtent) / 256;
+ // var resolutions = [];
+ // for (var z = 2; z < 19; ++z) {//计算比例尺
+ // resolutions[z] = size / Math.pow(2, z);
+ // }
+ // // 正式服务器上使用
+ // this.ol2d = new OlMap({
+ // layers: [
+ // new OlLayerTile({//矢量地图
+
+ // source: new WMTS({
+ // url: "http://47.49.21.207:7001/PGIS_S_TileMapServer/Maps/YX",
+ // layer: "JX14YGJCIMGL7_L14",
+ // style: "default",
+ // matrixSet: "JX14YGJCIMGL7_L14",
+ // format: "image/png",
+ // wrapX: true,
+ // tileGrid: new WMTSTileGrid({
+ // origin: getTopLeft(projectionExtent),
+ // //resolutions: res.slice(0, 15),
+ // resolutions: resolutions,
+ // matrixIds: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
+ // })
+ // }),
+
+ // })
+ // ],
+
+ // // 注意地图控件的写法
+ // controls: defaults().extend([
+ // new FullScreen(),
+ // new ScaleLine(),
+ // // new MousePosition(),
+ // new Rotate(),
+ // new Attribution()
+ // ]),
+ // target: 'track_map',
+ // view: new OlView({
+ // center: [115.85883507433789, 28.708432053474827],
+ // projection: projection,
+ // zoom: 11,
+ // maxZoom: 15,
+ // minZoom: 1
+
+ // })
+ // })
+
+ this.parentParameter();
window.ol2d = this.ol2d
@@ -324,6 +324,10 @@
view.setCenter([lgtd, lttd])
view.setZoom(size)
+ },
+
+ parentParameter () {
+ this.$emit('childParameter', this.ol2d)
}
}
}
--
Gitblit v1.9.3