From 9468898e83478c60165b987350f35edb6d1c77f8 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期五, 17 三月 2023 09:34:27 +0800
Subject: [PATCH] 底图切换
---
src/components/mapol.vue | 45 ++++++++++++++++++++++++++++++---------------
1 files changed, 30 insertions(+), 15 deletions(-)
diff --git a/src/components/mapol.vue b/src/components/mapol.vue
index 27fd561..446f170 100644
--- a/src/components/mapol.vue
+++ b/src/components/mapol.vue
@@ -95,24 +95,24 @@
methods: {
init2DMap() {
- var vectorLayer = new TileLayer({
- source: new XYZ({
- url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
- }),
- })
- var imageLayer = new TileLayer({
- source: new XYZ({
- url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}",
- }),
- })
+ // var vectorLayer = new TileLayer({
+ // source: new XYZ({
+ // url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}",
+ // }),
+ // })
+ // var imageLayer = new TileLayer({
+ // source: new XYZ({
+ // url: "http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=6&x={x}&y={y}&z={z}",
+ // }),
+ // })
window.map = new Map({
target: "mapol",
- layers: [imageLayer, vectorLayer],
+ layers: [],
view: new View({
center: [105.02, 34.9],
zoom: 4,
projection: "EPSG:4326",
- minZoom: 4,
+ minZoom: 5,
}),
controls: defaultControls().extend([
new FullScreen(),
@@ -120,6 +120,20 @@
]),
interactions: defaultInteractions().extend([new DragRotateAndZoom()]),
})
+
+ window.olBaseMapLayer = new TileLayer({
+ title: "楂樺痉鍦板浘",
+ source: new XYZ({
+ url: gaoDeBaseUrl[1].url,
+ wrapX: false
+ })
+ });
+ window.map.addLayer(window.olBaseMapLayer);
+
+
+
+
+
// var scaleLine = new ScaleLine({
// units: "metric"
// });
@@ -148,9 +162,10 @@
},
changeMenulayer() {
- this.isActive = !this.isActive
- this.isMenuLayer = !this.isMenuLayer
- this.setLayerVisible()
+ this.$bus.$emit("setChangeBaseMapLayer", true)
+ // this.isActive = !this.isActive
+ // this.isMenuLayer = !this.isMenuLayer
+ // this.setLayerVisible()
},
setLayerVisible() {
if (this.isActive == true) {
--
Gitblit v1.9.3