From 9e43f80d96bda7f1108dcfcfd7340e567f2e48d0 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 23 Dec 2021 13:57:03 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/school-web
---
src/components/mobilemap/index.vue | 202 +++++++++++++++++++++++++++++--------------------
1 files changed, 119 insertions(+), 83 deletions(-)
diff --git a/src/components/mobilemap/index.vue b/src/components/mobilemap/index.vue
index cb27c45..cf5597c 100644
--- a/src/components/mobilemap/index.vue
+++ b/src/components/mobilemap/index.vue
@@ -1,9 +1,11 @@
/* eslint-disable camelcase */
<template>
<div id="mobile-viewer-container">
- <!-- 地图图标弹窗↓ -->
+ <!-- 随地图改变图标弹窗↓ -->
<div id="mobile-map_popup_content"></div>
<mobileWindow></mobileWindow>
+ <!-- 地图固定弹窗 -->
+ <mobileWindowFixed></mobileWindowFixed>
<!-- 地图图标弹窗↑ -->
<!-- 控制↓ -->
<mobileLeftNav ref="mobileLeftNav"></mobileLeftNav>
@@ -15,24 +17,19 @@
<mobilePopupOurAfter v-if="mBigPopupAfter"></mobilePopupOurAfter>
<!-- 大弹窗 -->
<mobilePopupOur :style="[bigPopup]" v-if="mBigPopup"></mobilePopupOur>
+ <!-- 测试-跳转位置 -->
+ <mobileGoTo></mobileGoTo>
+ <!-- 实景窗口 -->
+ <mobilePanorama></mobilePanorama>
</div>
</template>
<script>
import { mapGetters } from "vuex";
-import { location } from "../../position/position";
export default {
name: "mobilemapBox",
data() {
return {
DC: "",
- positions: "",
- url: "/img/job/one.jpg",
- srcList: [
- "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
- "https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg",
- ],
- popupFlag: false,
- popupWindow: false,
bigPopup: {
width: 0,
height: 0,
@@ -48,6 +45,7 @@
"mBigPopupAfter",
"iconHide",
"popupsDom",
+ "MobileWindowsHideFixed",
]),
},
watch: {
@@ -140,7 +138,7 @@
});
that.$refs.mobileLeftNav.initialize(viewer);
that.$store.commit("MSET_VIEWER", viewer);
- that.$store.commit("MSET_DC", DC);
+ // that.$store.commit("MSET_DC", DC);
const popup = viewer.popup;
popup.hide();
@@ -152,22 +150,8 @@
iconUrl: "examples/images/icon/img.png",
name: "影像",
});
- // let nowPosition = "";
- // 地图移动事件
- viewer.on(DC.MouseEventType.MOUSE_MOVE, (e) => {
- if (!that.iconHide) {
- that.$store.commit("MSET_ICONHIDE", true);
- }
- that.$store.dispatch("closeWindowsDom"); //关闭弹窗
- // if (!that.MobileWindowsHide && that.popupsDom) {
- // that.popupsDom.closeOur();
- // that.$store.commit("MSET_MOBILEWINDOWSHIDE", true);
- // }
- // nowPosition = [e.wgs84Position.lng, e.wgs84Position.lat];
- // console.log(nowPosition);
- });
- // // eslint-disable-next-line camelcase
+ // eslint-disable-next-line camelcase
// const baselayer_shaded = DC.ImageryLayerFactory.createArcGisImageryLayer({
// url: "http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer",
// });
@@ -194,51 +178,115 @@
// name: "地形",
// });
- const layer = new DC.TilesetLayer("layer");
- viewer.addLayer(layer);
- const tileset = new DC.Tileset(
- "http://resource.dvgis.cn/data/3dtiles/ljz/tileset.json"
- );
- const style = new DC.TilesetStyle();
- style.color = {
- conditions: [
- ["${Height} >= 300", "rgba(45, 0, 75, 0.5)"],
- ["${Height} >= 200", "rgb(102, 71, 151)"],
- ["${Height} >= 100", "rgb(170, 162, 204)"],
- ["${Height} >= 50", "rgb(224, 226, 238)"],
- ["${Height} >= 25", "rgb(252, 230, 200)"],
- ["${Height} >= 10", "rgb(248, 176, 87)"],
- ["${Height} >= 5", "rgb(198, 106, 11)"],
- ["true", "rgb(127, 59, 8)"],
- ],
- };
-
- viewer.use(new DC.Measure());
-
- tileset.setStyle(style);
- layer.addOverlay(tileset);
- viewer.flyTo(tileset);
-
- tileset.on(DC.MouseEventType.CLICK, (e) => {
- // that.popupFlag = true
- // that.popupWindow = true;
-
- viewer.scene.globe.depthTestAgainstTerrain = false;
-
- // console.log(document.getElementById("mobile-map_content_content"));
- // console.log(e.position);
-
- // 定制化窗体
- that.openPopupS(e.position, [e.wgs84Position.lng, e.wgs84Position.lat]);
-
- // popup.setWrapper('<div></div>')
-
- // popup.showAt(e.position, document.getElementById('modelPopup'))
+ // 地图移动事件
+ viewer.on(DC.MouseEventType.MOUSE_MOVE, (e) => {
+ if (!that.iconHide) {
+ that.$store.commit("MSET_ICONHIDE", true);
+ }
+ if (!that.MobileWindowsHide) {
+ // that.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
+ }
});
- // viewer.zoomToPosition(
- // new DC.Position(105.565571, 31.984708, 15362816, 0, -90)
- // )
+ //自带白模型↓
+ // const layer = new DC.TilesetLayer("layer");
+ // viewer.addLayer(layer);
+ // const tileset = new DC.Tileset(
+ // "http://resource.dvgis.cn/data/3dtiles/ljz/tileset.json"
+ // );
+ // const style = new DC.TilesetStyle();
+ // style.color = {
+ // conditions: [
+ // ["${Height} >= 300", "rgba(45, 0, 75, 0.5)"],
+ // ["${Height} >= 200", "rgb(102, 71, 151)"],
+ // ["${Height} >= 100", "rgb(170, 162, 204)"],
+ // ["${Height} >= 50", "rgb(224, 226, 238)"],
+ // ["${Height} >= 25", "rgb(252, 230, 200)"],
+ // ["${Height} >= 10", "rgb(248, 176, 87)"],
+ // ["${Height} >= 5", "rgb(198, 106, 11)"],
+ // ["true", "rgb(127, 59, 8)"],
+ // ],
+ // };
+
+ // viewer.use(new DC.Measure());
+
+ // tileset.setStyle(style);
+ // layer.addOverlay(tileset);
+ // viewer.flyTo(tileset);
+ //自带白模型↑
+
+ //精细模型↓
+ const tilesetLayer = new that.DC.TilesetLayer("tilesetLayer");
+ viewer.addLayer(tilesetLayer);
+ const tileset = new that.DC.Tileset(
+ "http://data.mars3d.cn/3dtiles/max-shihua/tileset.json",
+ {
+ luminanceAtZenith: 0.5,
+ }
+ );
+ tilesetLayer.addOverlay(tileset);
+ viewer.flyTo(tileset);
+ //精细模型↑
+
+ //瀑布流↓
+ const wallLayer = new that.DC.VectorLayer("wallLayer");
+ viewer.addLayer(wallLayer);
+ var arr = [
+ [115.87597219, 28.74628526, 100],
+ [115.87556558, 28.74415792, 100],
+ [115.87459782, 28.74197687, 100],
+ [115.87371834, 28.74219927, 100],
+ [115.87210924, 28.74182217, 100],
+ [115.86469971, 28.73630725, 100],
+ [115.86387107, 28.73620123, 100],
+ [115.86274498, 28.73616026, 100],
+ [115.86173699, 28.7424135, 100],
+ [115.86105468, 28.74643934, 100],
+ [115.8660924, 28.74642593, 100],
+ [115.87597219, 28.74628526, 100],
+ ];
+ arr.forEach((item) => {
+ item = item.join(",");
+ });
+ arr = arr.join(";");
+ const wall = new that.DC.Wall(arr);
+ wall.setStyle({
+ material: new that.DC.WallTrailMaterialProperty({
+ color: that.DC.Color.DEEPSKYBLUE,
+ speed: 4,
+ }),
+ });
+ wallLayer.addOverlay(wall);
+
+ viewer.use(new that.DC.Measure());
+ //瀑布流↑
+
+ //飞入起始点
+ // that.$store.dispatch("mapFlyTo", {
+ // lntLat: [115.87186406, 28.74449337, 1200],
+ // heading: 0,
+ // pitch: -45,
+ // roll: 0,
+ // noOpen: true,
+ // });
+ //地图渲染完成执行srore中MSET_CREADE
+ // that.$store.dispatch("MSET_CREADE");
+
+ tileset.on(DC.MouseEventType.CLICK, (e) => {
+ viewer.scene.globe.depthTestAgainstTerrain = false;
+ // console.log(e);
+
+ // 定制化窗体
+ that.openPopupS(
+ e.position,
+ [e.wgs84Position.lng, e.wgs84Position.lat],
+ {
+ name: e.layer._bid,
+ address: e.layer.type,
+ introduce: e.layer._id,
+ }
+ );
+ });
viewer.compass.enable = false;
viewer.zoomController.enable = true;
@@ -255,22 +303,10 @@
let d = {
position,
lntLat,
- query: { ...(query || {}), position, lntLat },
+ query: { introduce: position, address: lntLat, ...(query || {}) },
+ useJWD: true, //仅使用经纬度
};
that.$store.dispatch("setMobileWindows", d);
- },
- getLocation() {
- // let _that = this;
- // let geolocation = location.initMap("map-container"); //定位
- // AMap.event.addListener(geolocation, "complete", (result) => {
- // console.log(result);
- // // console.log("hhha");
- // // _that.lat = result.position.lat;
- // // _that.lng = result.position.lng;
- // // _that.province = result.addressComponent.province;
- // // _that.city = result.addressComponent.city;
- // // _that.district = result.addressComponent.district;
- // });
},
},
};
--
Gitblit v1.9.3