From 5964bd44f4e28a46fb6f15bd2b5205867b8ea86b Mon Sep 17 00:00:00 2001
From: 少年 <1392120328@qq.com>
Date: 星期二, 06 二月 2024 15:37:46 +0800
Subject: [PATCH] 11
---
src/components/leftMenu/sousuo2.vue | 222 ++++++++++++++++++++++++++-----------------------------
1 files changed, 104 insertions(+), 118 deletions(-)
diff --git a/src/components/leftMenu/sousuo2.vue b/src/components/leftMenu/sousuo2.vue
index 9200167..f8d90fe 100644
--- a/src/components/leftMenu/sousuo2.vue
+++ b/src/components/leftMenu/sousuo2.vue
@@ -2,44 +2,22 @@
<div id="sousuo" class="sousuo">
<!-- 鎼滅储妗� -->
<div class="ssk" v-show="ssk.show">
- <span
- @click="ssjmxs"
- style="float: left; height: 100%; width: 80%; overflow: hidden"
- ><i class="el-icon-search" style="padding: 0px 15px 0px 20px"></i
- >{{ syssval }}</span
- >
- <span
- v-show="syssval !== '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'"
- @click="clearval"
- style="float: right; height: 100%; width: 20%"
- ><i class="el-icon-circle-close"></i
- ></span>
- <span
- v-show="syssval !== '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'"
- style="
+ <span @click="ssjmxs" style="float: left; height: 100%; width: 80%; overflow: hidden"><i class="el-icon-search"
+ style="padding: 0px 15px 0px 20px"></i>{{ syssval }}</span>
+ <span v-show="syssval !== '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'" @click="clearval" style="float: right; height: 100%; width: 20%"><i
+ class="el-icon-circle-close"></i></span>
+ <span v-show="syssval !== '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'" style="
float: right;
height: 100%;
width: 10%;
position: absolute;
top: -1px;
right: -3px;
- "
- >
- <img
- src="@/assets/img/navigation/addf.png"
- style="width: 20px"
- @click.stop="AddFavorite"
- />
+ ">
+ <img src="@/assets/img/navigation/addf.png" style="width: 20px" @click.stop="AddFavorite" />
</span>
- <span
- v-show="syssval == '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'"
- style="float: right; height: 100%; width: 10%"
- >
- <img
- src="@/assets/img/navigation/addf.png"
- style="width: 20px"
- @click.stop="showAddFavorite"
- />
+ <span v-show="syssval == '璇疯緭鍏ュ叧閿瘝鎼滅储鍦板浘'" style="float: right; height: 100%; width: 10%">
+ <img src="@/assets/img/navigation/addf.png" style="width: 20px" @click.stop="showAddFavorite" />
</span>
</div>
<!-- 鎼滅储鐣岄潰 -->
@@ -51,37 +29,17 @@
</div>
<!-- 鎼滅储妗� -->
<div style="margin: 0.1rem 0">
- <el-input
- placeholder="杈撳叆鍏抽敭瀛楁悳绱㈠湴鍥�"
- autofocus
- v-model="poi_text"
- @input="changeInput"
- clearable
- >
+ <el-input placeholder="杈撳叆鍏抽敭瀛楁悳绱㈠湴鍥�" autofocus v-model="poi_text" @input="changeInput" clearable>
<el-select v-model="select" slot="prepend" placeholder="璇烽�夋嫨">
- <el-option
- v-for="(item, index) in options"
- :key="index"
- :label="item.label"
- :value="item.value"
- ></el-option>
+ <el-option v-for="(item, index) in options" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>
- <el-button
- slot="append"
- icon="el-icon-search"
- @click="search"
- ></el-button>
+ <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
</el-input>
</div>
<!-- 缁撴灉鏄剧ず -->
<div v-if="total != 0">
<div class="ssjg" v-show="ssjgxs">
- <div
- class="everyinfo"
- v-for="(item, index) in poiList"
- :key="index"
- @click="flyTo(item)"
- >
+ <div class="everyinfo" v-for="(item, index) in poiList" :key="index" @click="flyTo(item)">
<div style="margin: 0.05rem 0">
<i class="el-icon-map-location"></i>{{ item.name }}
</div>
@@ -90,9 +48,7 @@
<span>鐢佃瘽:{{ item.telphone ? item.telphone : "鏆傛棤鑱旂郴鏂瑰紡" }}</span> -->
<!-- <span>鍖哄煙:{{ item.area ? item.area : "鏆傛棤鍖哄煙淇℃伅" }}</span> -->
<!-- <br /> -->
- <span
- >鍦板潃:{{ item.address ? item.address : "鏆傛棤璇︾粏鍦板潃" }}</span
- >
+ <span>鍦板潃:{{ item.address ? item.address : "鏆傛棤璇︾粏鍦板潃" }}</span>
</div>
</div>
</div>
@@ -136,11 +92,18 @@
height: 100%;
top: 0;
background-color: #f3f3f3;
- z-index: 99999;
+ z-index: 99;
}
+
.el-select {
width: 80px;
}
+
+
+.el-scrollbar .hover {
+ background: none;
+}
+
/* 姣忔潯鎼滅储缁撴灉 */
.everyinfo {
@@ -190,7 +153,7 @@
import axios from "axios";
import store from "@/utils/store2.js";
import common from "@/components/common";
-
+import { createPointMarker, flyToPoint } from '@/utils/map2.js'
window.flyPoint = null;
window.flyLine = null;
let Allresults = [];
@@ -528,68 +491,91 @@
flyTo(item) {
this.ssjm = false;
this.syssval = item.name;
- let that = this;
+ //椋炶瀹氫綅
+ flyToPoint([item.lng, item.lat])
+ //鍒涘缓鐐逛綅
+ let layer = createPointMarker([item.lng, item.lat], item);
+ window.map.addLayer(layer)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ // let that = this;
// let degrees = item.location.split(',');
// let degrees = [item.location.lng, item.location.lat];
- let degrees = [item.lng, item.lat];
- window.flyPoint && Viewer.entities.remove(window.flyPoint);
- window.flyLine && sgworld.Creator.DeleteObject(window.flyLine);
- sgworld.Navigate.flyToPointsInterest({
- destination: Cesium.Cartesian3.fromDegrees(
- degrees[0],
- degrees[1],
- 1000
- ),
- });
+ // let degrees = [item.lng, item.lat];
+ // window.flyPoint && Viewer.entities.remove(window.flyPoint);
+ // window.flyLine && sgworld.Creator.DeleteObject(window.flyLine);
+ // sgworld.Navigate.flyToPointsInterest({
+ // destination: Cesium.Cartesian3.fromDegrees(
+ // degrees[0],
+ // degrees[1],
+ // 1000
+ // ),
+ // });
// 娣诲姞鐐逛綅
- window.flyPoint = Viewer.entities.add({
- position: Cesium.Cartesian3.fromDegrees(degrees[0], degrees[1]),
- billboard: {
- verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
- scale: 1,
- image: window.SmartEarthRootUrl + "/Workers/image/mark1.png",
- heightReference: 1,
- disableDepthTestDistance: Number.POSITIVE_INFINITY,
- },
- properties: item,
- });
+ // window.flyPoint = Viewer.entities.add({
+ // position: Cesium.Cartesian3.fromDegrees(degrees[0], degrees[1]),
+ // billboard: {
+ // verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
+ // scale: 1,
+ // image: window.SmartEarthRootUrl + "/Workers/image/mark1.png",
+ // heightReference: 1,
+ // disableDepthTestDistance: Number.POSITIVE_INFINITY,
+ // },
+ // properties: item,
+ // });
// 濡傛灉鏄湴鍧楋紝娣诲姞鑼冨洿绾�
- if (item.type == "澶у叴鐢ㄥ湴") {
- axios
- .get(
- window.gisBaseUrl +
- "yzxncsApi/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" +
- degrees[0] +
- "&lat=" +
- degrees[1] +
- "&geom=true&requesttype=json"
- )
- .then((response) => {
- let center = { lon: 0, lat: 0 };
- let polygon = that.read(response.data.geometry);
- if (polygon.length > 0) {
- var geometry = [];
- let points = polygon[0].split(",");
- for (let i = 0; i < points.length; i++) {
- let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
- center.lon += parseFloat(point[0]) / points.length;
- center.lat += parseFloat(point[1]) / points.length;
- geometry.push({
- x: parseFloat(point[0]),
- y: parseFloat(point[1]),
- z: 0,
- });
- }
- window.flyLine = sgworld.Creator.createPolyline(
- geometry,
- "#ff0000",
- 1,
- 0,
- "绾�"
- );
- }
- });
- }
+ // if (item.type == "澶у叴鐢ㄥ湴") {
+ // axios
+ // .get(
+ // window.gisBaseUrl +
+ // "yzxncsApi/geowinmap_xncs/ds?r=0.9158559377752831&serviceproviderid=map.vectorserviceprovider&serviceid=queryfeature&featcls=225%25E8%258C%2583%25E5%259B%25B4%25E5%2588%2586%25E5%258C%25BA%25E8%25A7%2584%25E5%2588%2592.geojson&lng=" +
+ // degrees[0] +
+ // "&lat=" +
+ // degrees[1] +
+ // "&geom=true&requesttype=json"
+ // )
+ // .then((response) => {
+ // let center = { lon: 0, lat: 0 };
+ // let polygon = that.read(response.data.geometry);
+ // if (polygon.length > 0) {
+ // var geometry = [];
+ // let points = polygon[0].split(",");
+ // for (let i = 0; i < points.length; i++) {
+ // let point = points[i].replace(/^\s+|\s+$/g, "").split(" ");
+ // center.lon += parseFloat(point[0]) / points.length;
+ // center.lat += parseFloat(point[1]) / points.length;
+ // geometry.push({
+ // x: parseFloat(point[0]),
+ // y: parseFloat(point[1]),
+ // z: 0,
+ // });
+ // }
+ // window.flyLine = sgworld.Creator.createPolyline(
+ // geometry,
+ // "#ff0000",
+ // 1,
+ // 0,
+ // "绾�"
+ // );
+ // }
+ // });
+ // }
},
AddFavorite() {
let posi = sgworld.Viewer.camera.position;
--
Gitblit v1.9.3