From 4102cd81b143bd83ef3c2e1f85311075e2e2d7e2 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 24 Dec 2021 11:49:16 +0800
Subject: [PATCH] +接口更改
---
src/components/mobileLeftNav/index.vue | 121 ++++++++++++++++++++++++++++++++--------
1 files changed, 96 insertions(+), 25 deletions(-)
diff --git a/src/components/mobileLeftNav/index.vue b/src/components/mobileLeftNav/index.vue
index aba8411..adb8ed2 100644
--- a/src/components/mobileLeftNav/index.vue
+++ b/src/components/mobileLeftNav/index.vue
@@ -25,6 +25,7 @@
getListparking, //停车场
getListarchitecture, //全景
getListarchitecture1, //标签
+ getListroad, //道路
} from "@/api/mobile/piont/index";
export default {
name: "mobileLeftNav",
@@ -76,18 +77,19 @@
checked: "/img/leftnav/tag-checked.png",
layer: "tagLayer",
methods: getListarchitecture1,
- imgSrc: "img/mobile/pink.png",
+ imgSrc: "https://map.hit.edu.cn/images/tarrow_xq.png",
+ // imgSrc: "img/mobile/pink.png",
},
- // {
- // flag: false,
- // label: "道路",
- // img: "/img/leftnav/way.png",
- // normal: "/img/leftnav/way.png",
- // checked: "/img/leftnav/way-checked.png",
- // layer: "wayLayer",
- // methods: getListdoor,
- // imgSrc: "img/mobile/green.png",
- // },
+ {
+ flag: false,
+ label: "道路",
+ img: "/img/leftnav/way.png",
+ normal: "/img/leftnav/way.png",
+ checked: "/img/leftnav/way-checked.png",
+ layer: "wayLayer",
+ methods: getListroad,
+ imgSrc: "img/mobile/green.png",
+ },
{
flag: false,
label: "实景",
@@ -96,7 +98,8 @@
checked: "/img/leftnav/scene-checked.png",
layer: "sceneLayer",
methods: getListarchitecture,
- imgSrc: "img/mobile/blue.png",
+ imgSrc: "img/leftnav/map-panorama.png",
+ // imgSrc: "img/mobile/blue.png",
},
// {
// flag: false,
@@ -116,7 +119,8 @@
checked: "/img/leftnav/aed-checked.png",
layer: "aedLayer",
methods: getListaed,
- imgSrc: "img/mobile/pink.png",
+ imgSrc: "img/leftnav/map-aed.png",
+ // imgSrc: "img/mobile/pink.png",
},
{
flag: false,
@@ -126,7 +130,8 @@
checked: "/img/leftnav/park-checked.png",
layer: "parkLayer",
methods: getListparking,
- imgSrc: "img/mobile/popcorn.png",
+ imgSrc: "https://map.hit.edu.cn/images/p-biao.png",
+ // imgSrc: "img/mobile/popcorn.png",
},
{
flag: false,
@@ -136,7 +141,8 @@
checked: "/img/leftnav/come-checked.png",
layer: "comeLayer",
methods: getListdoor,
- imgSrc: "img/mobile/purple.png",
+ imgSrc: "img/leftnav/map-activity.png",
+ // imgSrc: "img/mobile/purple.png",
},
],
viewer: null,
@@ -202,7 +208,8 @@
// console.log(posi);
this.$store.dispatch("mapFlyTo", {
//飞入
- lntLat: [posi.lng + 0.01187, posi.lat - 0.0308, 4000],
+ lntLat: [posi.lng + 0.00917, posi.lat - 0.0188, 2100],
+ // lntLat: [posi.lng + 0.01187, posi.lat - 0.0308, 4000],
// lntLat: [121.50492752204283, 31.21567802276832, 2530],
heading: 0,
pitch: -45,
@@ -438,29 +445,93 @@
// this.comeLayer["positions"] = positions6;
let ourNum = that.leftNavData.length;
for (let n = 0; n < ourNum; n++) {
- this.leftNavData[n].methods().then((res) => {
+ let ourD = this.leftNavData[n];
+ ourD.methods().then((res) => {
+ let dom;
let data = res.data.data;
let position = that.changePoiton(data);
let num = data.length;
for (let k = 0; k < num; k++) {
- const divIcon = new that.DC.DivIcon(
- position[k],
- `
+ if (ourD.label == "标签") {
+ dom = `
<div class="tag-entitys-box">
<div class="tag-content">
${data[k].mechanismname}
</div>
<div class="tag-angle-content">
- <img src="${this.leftNavData[n].imgSrc}">
+ <img src="${ourD.imgSrc}">
</div>
</div>
- `
- );
+ `;
+ } else if (ourD.label == "道路") {
+ // <div class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff; width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
+ // ${data[k].mechanismname}
+ // </div>
+ dom = `
+ <div class="way-entitys-box">
+ <div class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff; width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
+ ${data[k].roadname}
+ </div>
+ <div class="way-sign-box">
+ <img src="https://map.hit.edu.cn/images/roadsign3.png">
+ </div>
+ </div>
+ `;
+ } else if (ourD.label == "实景") {
+ // <div class="way-title" style="border: white 1px solid; padding-left: 2px;font-size: 12px; background: #0066ff; width: 12px;line-height: 13px; padding:2px 1px 2px 1px; color:white;">
+ // ${data[k].mechanismname}
+ // </div>
+ dom = `
+ <div class="way-entitys-box mobile-way-entitys-box">
+ <div class="way-sign-box ">
+ <img src="img/leftnav/map-panorama.png">
+ </div>
+ </div>
+ `;
+ } else if (ourD.label == "AED") {
+ dom = `
+ <div class="mobiletag-entitys-box">
+ <div class="tag-content">
+ ${data[k].mechanismname}
+ </div>
+ <div class="tag-angle-content">
+ <img src="${ourD.imgSrc}">
+ </div>
+ </div>
+ `;
+ } else if (ourD.label == "停车") {
+ dom = `
+ <div class="park-entitys-box">
+ <div class="park-title" alt="${data[k].mechanismname}">
+ </div>
+ <div class="park-sign-box">
+ <div>
+ <img src="https://map.hit.edu.cn/images/p-biao.png" width="14" height="14" alt="${data[k].mechanismname}" title="${data[k].mechanismname}">
+ </div>
+ <div>
+ <img src="https://map.hit.edu.cn/images/roadsign.png" width="5" height="21">
+ </div>
+ </div>
+ </div>
+ `;
+ } else if (ourD.label == "出入") {
+ dom = `
+ <div class="mobiletag-entitys-box-pink">
+ <div class="tag-content">
+ ${data[k].mechanismname}
+ </div>
+ <div class="tag-angle-content">
+ <img src="${ourD.imgSrc}">
+ </div>
+ </div>
+ `;
+ }
+ const divIcon = new that.DC.DivIcon(position[k], dom);
//订阅事件
divIcon.on(DC.MouseEventType.CLICK, (e) => {
// console.log(data[k]);
let d = {
- name: data[k].mechanismname,
+ name: data[k].mechanismname || data[k].roadname,
bgImg: data[k].tpurl,
introduce: data[k].introduce,
};
@@ -519,7 +590,7 @@
.m-left-coutrol {
position: absolute;
left: -24px;
- top: 96px;
+ top: 77px;
width: 25px;
height: 60px;
background-color: #fff;
--
Gitblit v1.9.3