From 1eab2b76a58308c7947447aae0e08135820d59ab Mon Sep 17 00:00:00 2001
From: ZhAkps <46207005+ZhAkps@users.noreply.github.com>
Date: 星期二, 06 二月 2024 17:56:33 +0800
Subject: [PATCH] poi search
---
src/components/viewer2.vue | 68 +++++++++++++++++++++++++--------
1 files changed, 51 insertions(+), 17 deletions(-)
diff --git a/src/components/viewer2.vue b/src/components/viewer2.vue
index 2c05abe..fa11b76 100644
--- a/src/components/viewer2.vue
+++ b/src/components/viewer2.vue
@@ -3,14 +3,6 @@
<!-- openlayer -->
<div id="openlayerContainer" @click="clicktoclose"></div>
- <div id="ponitPanel">
- <div class="title">鐐逛綅璇︽儏</div>
- <div class="content">
-
- </div>
-
- </div>
-
<!-- 椤甸潰鏍囬 -->
<div class="titleBg">
<img src="@/assets/img/title/title.png" />
@@ -86,7 +78,7 @@
import layerTreePanel from "./sideMenu/layerTreePanel/main2.vue";
import history from "./poplayer/history.vue";
import landAdminInfo from "./poplayer/landAdmin2.vue";
-import poplayer from "./poplayer/main.vue";
+import poplayer from "./poplayer/main2.vue";
import sliderAlpha from "./sideMenu/sliderAlpha/main2.vue";
import Axios from "axios";
@@ -184,7 +176,7 @@
resolutions[z] = width / (256 * Math.pow(2, z));
matrixIds[z] = z;
}
- let wmtsTileGrid = new ol.tilegrid.WMTS({
+ let wmtsTileGrid = new ol.tilegrid.WMTS({
origin: origin,
resolutions: resolutions,
matrixIds: matrixIds,
@@ -266,7 +258,7 @@
leftClick()
// var url =
// "https://skyzt.bda.gov.cn/gisserver/tmsserver/chengshiguihua_dikuaibianhao_tms/";
-
+
// var tmslayer = new ol.layer.Tile({
// source: new ol.source.XYZ({
// projection: projection,
@@ -419,7 +411,7 @@
width: 100%;
height: 100%;
background: black;
- position: absolute !important;
+ /* position: absolute !important; */
z-index: 0;
}
@@ -457,7 +449,7 @@
}
#ponitPanel {
- display: none;
+ /* display: none; */
width: 80vw;
background-repeat: no-repeat;
background-size: 100% 100%;
@@ -466,13 +458,55 @@
color: #fff;
font-family: SourceHanSansSC-R;
padding: 10px 5px 10px 5px;
- box-sizing: border-box;
font-size: 16px;
pointer-events: all;
- position: absolute;
- bottom: 12px;
- left: -50px;
+}
+
+.title {
+ width: 100%;
+ text-align: center;
+ font-size: 20px;
+ font-weight: 700;
+ letter-spacing: 4px;
+ padding-left: 26px;
}
+#ponitPanel-close {
+ pointer-events: all;
+ width: 28px;
+ height: 28px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-image: url("./poplayer/img/close.png");
+ margin-top: 8px;
+ margin-right: 5px;
+ float: right;
+ cursor: pointer;
+}
+
+#ponitPanel-content {
+ width: 100%;
+ margin: auto;
+}
+
+.ponitPanel-item {
+ width: 90%;
+ overflow: hidden;
+ margin-bottom: 7px;
+ margin-left: 25px;
+ margin-right: 20px;
+ word-break: break-all;
+}
+
+.ponitPanel-name {
+ /* min-width: 100px; */
+ float: left;
+}
+
+.ponitPanel-value {
+ max-width: 400px;
+ float: left;
+ color: aqua;
+}
</style>
--
Gitblit v1.9.3