From 271d931fc950745d37554528324cbc8a636d85c3 Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期二, 29 十一月 2022 19:30:28 +0800 Subject: [PATCH] 1 --- src/components/MapDiv.vue | 50 ++++++++++++++++++++++---------------------------- 1 files changed, 22 insertions(+), 28 deletions(-) diff --git a/src/components/MapDiv.vue b/src/components/MapDiv.vue index c4997e3..dadd287 100644 --- a/src/components/MapDiv.vue +++ b/src/components/MapDiv.vue @@ -24,13 +24,13 @@ </template> <script> -import mapsdk from "./mapsdk"; -import mapol from "./mapol"; -import { transform } from "ol/proj"; -import ol from "ol"; -import $ from "jquery"; +import mapsdk from './mapsdk'; +import mapol from './mapol'; +import { transform } from 'ol/proj'; +import ol from 'ol'; +import $ from 'jquery'; export default { - name: "", + name: '', components: { mapsdk, mapol, @@ -88,44 +88,44 @@ }, showSplitMap() { var that = this; - $("#mapView") + $('#mapView') .off() - .on("mousemove", function () { + .on('mousemove', function () { if (that.isSplitFlag == 1) { window.Viewer.camera.changed.addEventListener(that.sdktool()); } }) - .on("mouseout", function () { + .on('mouseout', function () { if (that.isSplitFlag == 1) { window.Viewer.camera.changed.removeEventListener(that.sdktool()); } }); let mapZoomAndMove = function (event) { var position = window.map.getView().getCenter(); - var pos = transform(position, "EPSG:3857", "EPSG:4326"); + var pos = transform(position, 'EPSG:3857', 'EPSG:4326'); var level = that.getHeight(parseInt(window.map.getView().getZoom())); window.Viewer.camera.setView({ destination: Cesium.Cartesian3.fromDegrees(pos[0], pos[1], level), }); }; - $("#map") + $('#map') .off() - .on("mousemove", function () { + .on('mousemove', function () { if (that.isSplitFlag == 1) { that.olzoomAndMove(mapZoomAndMove); } }) - .on("mouseout", function () { + .on('mouseout', function () { if (that.isSplitFlag == 1) { that.clearolzoomAndMove(); } }); }, clearolzoomAndMove() { - let registerOnZoomArr = window.map.get("registerOnZoom"); + let registerOnZoomArr = window.map.get('registerOnZoom'); if (registerOnZoomArr && registerOnZoomArr.length > 0) { for (let i = 0; i < registerOnZoomArr.length; i++) { - window.map.un("moveend", registerOnZoomArr[i]); + window.map.un('moveend', registerOnZoomArr[i]); } } }, @@ -146,15 +146,15 @@ window.map.lastZoom = window.map.getView().getZoom(); }; // 淇濆瓨缂╂斁鍜屾嫋鍔ㄤ簨浠跺璞★紝鐢ㄤ簬鍚庢湡绉婚櫎 - let registerOnZoomArr = map.get("registerOnZoom") || []; + let registerOnZoomArr = map.get('registerOnZoom') || []; registerOnZoomArr.push(registerOnZoom); // 浣跨敤鍦板浘 set 鏂规硶淇濆瓨浜嬩欢瀵硅薄 - window.map.set("registerOnZoom", registerOnZoomArr); + window.map.set('registerOnZoom', registerOnZoomArr); // 鐩戝惉鍦板浘绉诲姩缁撴潫浜嬩欢 - window.map.on("moveend", registerOnZoom); + window.map.on('moveend', registerOnZoom); return eventListen; }, @@ -168,7 +168,7 @@ var level = this.getLevel(cartographic.height); window.map .getView() - .setCenter(transform([lng, lat], "EPSG:4326", "EPSG:3857")); + .setCenter(transform([lng, lat], 'EPSG:4326', 'EPSG:3857')); window.map.getView().setZoom(level); }, getLevel(height) { @@ -187,14 +187,8 @@ }, }, mounted() { - this.$bus.$on("changemap", (e) => { - if (e == "鍒嗗睆") { - this.changeMap(1); - } else if (e == "浜岀淮") { - this.changeMap(2); - } else if (e == "涓夌淮") { - this.changeMap(3); - } + this.$bus.$on('changemap', (e) => { + this.changeMap(e); }); }, }; @@ -203,7 +197,7 @@ <style scoped> .myDiv { width: 100%; - height: 88%; + height: 100%; padding: 0; margin: 0; position: absolute; -- Gitblit v1.9.3