From eb6be7e76f6d12ebbc5a552a6fe67e9a79758cb4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 20 Jan 2022 17:30:34 +0800
Subject: [PATCH] +
---
src/components/mobilemap/index.vue | 142 +++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 141 insertions(+), 1 deletions(-)
diff --git a/src/components/mobilemap/index.vue b/src/components/mobilemap/index.vue
index af91986..4d2277a 100644
--- a/src/components/mobilemap/index.vue
+++ b/src/components/mobilemap/index.vue
@@ -21,14 +21,20 @@
<!-- 测试-跳转位置 -->
<mobileGoTo></mobileGoTo>
<!-- 实景窗口 -->
- <!-- <mobilePanorama></mobilePanorama> -->
+ <mobilePanorama></mobilePanorama>
<!-- 退出导航 -->
<mobileCloseRouter></mobileCloseRouter>
+ <!-- 退出活动 -->
+ <mobileCloseRouterMany></mobileCloseRouterMany>
+ <!-- 活动窗口 -->
+ <!-- <mobileActivity></mobileActivity> -->
<!-- 盖住左下角 -->
<div class="cover_mobileMap">智慧社区</div>
</div>
</template>
<script>
+import axios from "axios";
+import { getBuildClock } from "@/api/mobile/buildsClock/buildsClock"; // 楼栋详情
import { mapGetters } from "vuex";
export default {
name: "mobilemapBox",
@@ -75,6 +81,7 @@
[116.39585177, 27.93945304, 100],
[116.41526036, 27.95352217, 100],
],
+ areaLayer: null,
};
},
computed: {
@@ -88,6 +95,8 @@
"MobileWindowsHideFixed",
"dimension",
"dimensionData",
+ "areaLayer", //绿布
+ "areaLayerSelect", //绿布颜色控制
]),
},
watch: {
@@ -476,6 +485,137 @@
};
const newLayer = usetowpointfive();
+ //2.5d贴图事件
+ const layerGroup = new that.DC.LayerGroup("modelBox");
+ viewer.addLayerGroup(layerGroup);
+
+ let areaLayer = new that.DC.VectorLayer("areaLayer");
+ layerGroup.addLayer(areaLayer);
+ axios
+ .get(
+ "http://arcgis.jxpskj.com:6080/arcgis/rest/services/lxxqwxq/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson"
+ )
+ .then((resultData) => {
+ resultData.data.features.forEach((item) => {
+ item.geometry.rings[0].forEach((it) => {
+ it = it.join(",");
+ });
+
+ item.geometry.rings[0] = item.geometry.rings[0].join(";");
+
+ const polygon = new that.DC.Polygon(item.geometry.rings[0]);
+ polygon.attr = item.attributes;
+
+ polygon.setStyle({
+ material: that.DC.Namespace.Cesium.Color.fromBytes(
+ 255,
+ 255,
+ 255,
+ 1
+ ),
+ });
+
+ areaLayer.addOverlay(polygon);
+ });
+
+ areaLayer.show = true;
+ });
+ that.$store.commit("MSET_areaLayer", areaLayer);
+ // var select = {
+ // overlay: undefined,
+ // color: undefined,
+ // };
+ viewer.on(that.DC.MouseEventType.CLICK, (e) => {
+ // console.log(e);
+ if (e.overlay != undefined && e.layer.id == "areaLayer") {
+ if (that.areaLayerSelect.overlay != undefined) {
+ if (e.overlay != that.areaLayerSelect.overlay) {
+ that.areaLayerSelect.overlay.setStyle({
+ material: that.areaLayerSelect.color,
+ outline: false,
+ });
+
+ that.$store.commit("mset_changeSelect", [undefined, undefined]);
+ }
+ }
+
+ if (that.areaLayerSelect.overlay == undefined) {
+ that.areaLayerSelect.overlay = e.overlay;
+
+ that.areaLayerSelect.color = e.overlay._style.material;
+ that.areaLayerSelect.overlay.setStyle({
+ outline: true,
+ outlineColor: that.DC.Namespace.Cesium.Color.fromBytes(
+ 3,
+ 255,
+ 13,
+ 255
+ ), // 边框颜色
+ outlineWidth: 10, // 边框大小，
+ height: 0.01,
+ material: that.DC.Namespace.Cesium.Color.fromBytes(
+ 108,
+ 245,
+ 113,
+ 158
+ ),
+ });
+ }
+
+ //如果是地图点击建筑，调用接口查详情
+ let ids =
+ e.overlay.attr["楼栋号"] == "8栋"
+ ? "9栋"
+ : e.overlay.attr["楼栋号"] == "9栋"
+ ? "8栋"
+ : e.overlay.attr["楼栋号"];
+ let eIntlat = [
+ e.wgs84SurfacePosition.lng,
+ e.wgs84SurfacePosition.lat,
+ ];
+ getBuildClock({
+ mechanismname: "香琴湾" + ids,
+ }).then((res) => {
+ const item = res.data.data;
+ // data.query.bgImg = ds.mechanismname;
+ // data.query.name = ds.tpurl;
+ // data.query.panoramaurl = ds.panoramaurl;
+ // data.query.bgImg = ds.tpurl;
+ // data.query.bgImg = ds.tpurl;
+ let useData = {
+ name: item.mechanismname,
+ lntLat: eIntlat,
+ alt: item.gd,
+ heading: item.heading,
+ pitch: item.pitch,
+ roll: item.roll,
+ bgImg: item.tpurl,
+ QRImg: item.codeurl,
+ websiteUrl: item.websiteurl,
+ telePhone: item.telephone,
+ address: item.address,
+ introduce: item.introduce,
+ video: item.videourl,
+ buts: ["定位", "实景", "图集"],
+ panoramaurl: item.panoramaurl, //全景
+ };
+ // 定制化窗体
+ // console.log(item, useData, "111111");
+ // return;
+ that.openPopupS({}, eIntlat, useData);
+ });
+ } else {
+ if (that.areaLayerSelect.overlay != undefined) {
+ that.areaLayerSelect.overlay.setStyle({
+ material: that.areaLayerSelect.color,
+ outline: false,
+ });
+
+ that.$store.commit("mset_changeSelect", [undefined, undefined]);
+ }
+ }
+ });
+
// 2.5D贴图↑
let startPoint;
if (true) {
--
Gitblit v1.9.3