From c922badd10ecf81a74b0e5c56d3fcd053c041ff2 Mon Sep 17 00:00:00 2001
From: ZhAkps <46207005+ZhAkps@users.noreply.github.com>
Date: 星期二, 06 二月 2024 17:25:20 +0800
Subject: [PATCH] 土地管理详情
---
src/components/viewer2.vue | 9
/dev/null | 443 -------------------------------
src/components/poplayer/landAdmin2.vue | 145 ++++++++++
src/components/sideMenu/layerMenu/layerPanel2.vue | 7
src/components/sideMenu/sliderAlpha/alpha2.vue | 41 ++
src/components/sideMenu/sliderAlpha/main2.vue | 20 +
src/utils/map2.js | 121 ++++++++
7 files changed, 339 insertions(+), 447 deletions(-)
diff --git a/src/components/poplayer/landAdmin2.vue b/src/components/poplayer/landAdmin2.vue
new file mode 100644
index 0000000..29316a6
--- /dev/null
+++ b/src/components/poplayer/landAdmin2.vue
@@ -0,0 +1,145 @@
+<template>
+ <div class="landAdmin">
+ <transition name="el-zoom-in-bottom">
+ <div class="Poplayer" v-if="showlandInfo">
+ <div class="close" @click.stop="closehandle"></div>
+ <div class="title">鍦板潡璇︽儏</div>
+ <div class="content">
+ <div class="con-item" v-for="(item, index) in KEY" :key="index">
+ <span class="name">{{ index }}锛�</span>
+ <span class="value">{{ state.info[item] }}</span>
+ </div>
+ </div>
+ </div>
+ </transition>
+ </div>
+</template>
+
+<script>
+import store from "@/utils/store2";
+import keys from "@/utils/poiKeys";
+export default {
+ name: "landAdmin",
+ components: {},
+ data() {
+ return {
+ state: store.tdglInfo,
+ KEY: {},
+ showlandInfo: false,
+ };
+ },
+ mounted() {
+ if (this.list) {
+ this.state.info = this.list;
+ }
+ this.KEY = keys[this.state.info.POITYPE];
+ },
+ watch: {
+ "state.info": function (val) {
+ console.log("state.info");
+ this.KEY = keys[val.POITYPE];
+ },
+ "state.show": function (val) {
+ console.log("state.show");
+ this.showlandInfo = val;
+ },
+ },
+ methods: {
+ closehandle() {
+ store.setTdlgInfo({});
+ divPoint3 && divPoint3.deleteObject();
+ store.setTdglShow(false);
+ if (window.tdglLine) {
+ window.map.removeLayer(window.tdglLine);
+ window.tdglLine = null;
+ }
+ },
+ },
+};
+</script>
+<style scoped>
+.landAdmin {
+ width: 100%;
+ position: absolute;
+ bottom: 0px;
+ align-items: center;
+ /* background: white; */
+ z-index: 1000;
+}
+.Poplayer {
+ /* min-width: 350px; */
+ min-height: 180px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-image: url("./img/bg.png");
+ background-color: #0b2c3f;
+
+ border-radius: 10px;
+ z-index: 999;
+ color: #fff;
+ /* padding: 20px; */
+ padding: 10px 5px 10px 5px;
+ box-sizing: border-box;
+ font-size: 16px;
+ pointer-events: all;
+}
+
+.title {
+ text-align: center;
+ font-size: 20px;
+ font-weight: 700;
+ letter-spacing: 4px;
+ padding-left: 26px;
+}
+
+/* .title {
+ display: none;
+ width: 100%;
+ height: 30px;
+ line-height: 30px;
+ padding-left: 20px;
+ margin-top: 10px;
+} */
+
+.close {
+ pointer-events: all;
+ width: 28px;
+ height: 28px;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-image: url("./img/close.png");
+ float: right;
+ margin-top: 8px;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.content {
+ width: 100%;
+ margin: auto;
+}
+
+.con-item {
+ width: 90%;
+ /* overflow: hidden; */
+ margin-left: 5%;
+ margin-bottom: 7px;
+ /* margin-right: 20px; */
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.name {
+ width: 30%;
+ /* float: left; */
+}
+
+.value {
+ width: 70%;
+ /* max-width: 400px; */
+ /* float: left; */
+ color: aqua;
+}
+</style>
+
diff --git a/src/components/sideMenu/layerMenu/layerPanel2.vue b/src/components/sideMenu/layerMenu/layerPanel2.vue
index 0713fdd..2c56ef1 100644
--- a/src/components/sideMenu/layerMenu/layerPanel2.vue
+++ b/src/components/sideMenu/layerMenu/layerPanel2.vue
@@ -427,6 +427,13 @@
this.curFuncIndex = index;
switch (index) {
case 0:
+ if (window.tdgllayer) {
+ window.map.removeLayer(window.tdgllayer);
+ store.setSliderShow(false);
+ window.tdgllayer = null;
+ window.map.removeLayer(window.tdgllayer);
+ return;
+ }
store.setSliderShow(true);
var url = layers[8].children[0].urls;
diff --git a/src/components/sideMenu/sliderAlpha/alpha2.vue b/src/components/sideMenu/sliderAlpha/alpha2.vue
new file mode 100644
index 0000000..8a46c65
--- /dev/null
+++ b/src/components/sideMenu/sliderAlpha/alpha2.vue
@@ -0,0 +1,41 @@
+<template>
+ <div class="sliders">
+ <el-slider
+ v-model="value"
+ :max="100"
+ :min="0"
+ vertical
+ height="200px"
+ @input="changeSlider"
+ >
+ </el-slider>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ value: 100,
+ };
+ },
+ methods: {
+ changeSlider(val) {
+ // window.tdglLayer.item.alpha = val / 100;
+ window.tdgllayer&&window.tdgllayer.state&&window.tdgllayer.state_.layer.setOpacity(val / 100);
+ },
+ },
+};
+</script>
+
+<style scoped>
+.sliders {
+ position: absolute;
+ top: 2rem;
+ left: 0.15rem;
+ z-index: 88;
+}
+.el-tooltip__popper {
+ z-index: 88 !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/sideMenu/sliderAlpha/main2.vue b/src/components/sideMenu/sliderAlpha/main2.vue
new file mode 100644
index 0000000..803250e
--- /dev/null
+++ b/src/components/sideMenu/sliderAlpha/main2.vue
@@ -0,0 +1,20 @@
+<template>
+ <div v-if="state.sliderShow">
+ <myAlpha></myAlpha>
+ </div>
+</template>
+
+<script>
+import myAlpha from './alpha2.vue';
+import store from "@/utils/store2.js";
+export default {
+ components: {
+ myAlpha
+ },
+ data() {
+ return {
+ state: store.tdglInfo,
+ }
+ }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/viewer2 copy.vue b/src/components/viewer2 copy.vue
deleted file mode 100644
index 156f015..0000000
--- a/src/components/viewer2 copy.vue
+++ /dev/null
@@ -1,443 +0,0 @@
-<template>
- <div class="panel">
- <!-- openlayer -->
- <div id="openlayerContainer" @click="clicktoclose"></div>
-
- <!-- 椤甸潰鏍囬 -->
- <div class="titleBg">
- <img src="@/assets/img/title/title.png" />
- </div>
- <!-- 鍘嗗彶褰卞儚 -->
- <!-- <my-history v-if="state.show"></my-history> -->
- <!-- 鍘嗗彶褰卞儚鍏抽棴鎸夐挳 -->
- <!-- <div class="colseBtn" v-if="state.show" @click="closeHistory(false)">
- <img class="searchBtn" src="@/assets/closeinput1.png" />
- </div> -->
- <!-- 鍙充晶瀵艰埅妗� -->
- <my-navigation-bar></my-navigation-bar>
- <!-- 鎼滅储妗� -->
- <my-sousuo v-if="!state.show" v-show="childrendata.ssval"></my-sousuo>
- <!-- 鍙充笂蹇嵎鍖哄煙锛堝伐绋嬫爲銆佺┖闂村垎鏋愶級 -->
- <!-- <div class="right-top">
- <my-layertree :rightshowzy="childrendata"></my-layertree>
- </div> -->
- <!-- 鍘熷乏涓嬭彍鍗� -->
- <!-- <my-menu v-on:getshowsta="datafromchild" ref="menu"></my-menu> -->
- <!-- 宸︿笅蹇嵎鍖哄煙锛堝浣嶃�佹寚鍖楃瓑锛� -->
- <my-left-bottom :test="childrendata"></my-left-bottom>
- <!-- 鍙充笅蹇嵎鍖哄煙锛堟斁澶х缉灏忥級 -->
- <my-right-bottom :test="childrendata"></my-right-bottom>
-
- <!-- 鍚勭闈㈡澘 -->
- <!-- 璁剧疆闈㈡澘 -->
- <my-setting-panel></my-setting-panel>
- <!-- 浣嶇疆闈㈡澘 -->
- <my-collection-panel></my-collection-panel>
- <!-- 鎸囧寳閽堥潰鏉� -->
- <!-- <my-direction-panel></my-direction-panel> -->
- <!-- 鏂板鏀惰棌闈㈡澘 -->
- <my-add-collection-panel></my-add-collection-panel>
- <!-- 绐ㄤ簳銆佹憚鍍忓ご缁熻闈㈡澘 -->
- <my-statistics-panel></my-statistics-panel>
- <!-- 绐ㄤ簳缁熻鍒嗘瀽闈㈡澘 -->
- <my-manhole-panel></my-manhole-panel>
- <!-- 鎽勫儚澶寸粺璁″垎鏋愰潰鏉� -->
- <my-video-panel></my-video-panel>
- <!-- 鍥惧眰闈㈡澘 -->
- <my-layer-panel></my-layer-panel>
- <!-- 婕父闈㈡澘 -->
- <my-roam-panel></my-roam-panel>
- <!-- 鍥惧眰鏍戦潰鏉� -->
- <my-layer-tree-panel></my-layer-tree-panel>
- <!-- 鍦熷湴绠＄悊寮圭獥 -->
- <my-land-admin-info></my-land-admin-info>
- <my-slider></my-slider>
- </div>
-</template>
-<script>
-import store from "@/utils/store2.js";
-
-import _GLOBAL from "@/assets/GLOBAL2";
-import { leftClick, loadLayer } from "@/utils/map.js";
-import leftBottom from "@/components/leftMenu/bottom2.vue";
-import rightBottom from "@/components/rightMenu/bottom2.vue";
-import sousuo from "@/components/leftMenu/sousuo2.vue";
-import menu from "@/components/menu/menu.vue";
-import NavigationBar from "./rightNavigation/NavigationBar2.vue";
-import layertree from "@/components/rightMenu/layerTree2.vue";
-import settingPanel from "./sideMenu/settingMenu/main.vue";
-import collectionPanel from "./sideMenu/collectionMenu/main.vue";
-import directionPanel from "./sideMenu/directionMenu/main.vue";
-import addCollectionPanel from "./sideMenu/addCollectionMenu/main.vue";
-import statisticsPanel from "./sideMenu/statisticsMenu/main.vue";
-import manholePanel from "./sideMenu/manholeStatistics/main.vue";
-import videoPanel from "./sideMenu/videoStatistics/main.vue";
-import layerPanel from "./sideMenu/layerMenu/main2.vue";
-import roamPanel from "./sideMenu/roamPanel/main.vue";
-import layerTreePanel from "./sideMenu/layerTreePanel/main2.vue";
-import history from "./poplayer/history.vue";
-import landAdminInfo from "./poplayer/landAdmin.vue";
-import sliderAlpha from "./sideMenu/sliderAlpha/main.vue";
-import Axios from "axios";
-
-import Map from "ol/Map.js";
-import TileLayer from "ol/layer/Tile.js";
-import View from "ol/View.js";
-import { get as getProjection, getTransform } from "ol/proj";
-import { getWidth, getTopLeft, applyTransform } from "ol/extent";
-import WMTS from "ol/source/WMTS";
-import WMTSTileGrid from "ol/tilegrid/WMTS";
-import XYZ from "ol/source/XYZ";
-import {createXYZ} from "ol/tilegrid";
-
-export default {
- name: "viewer2",
- components: {
- "my-sousuo": sousuo,
- "my-left-bottom": leftBottom,
- "my-right-bottom": rightBottom,
- "my-menu": menu,
- "my-layertree": layertree,
- "my-navigation-bar": NavigationBar,
- "my-setting-panel": settingPanel,
- "my-collection-panel": collectionPanel,
- "my-direction-panel": directionPanel,
- "my-add-collection-panel": addCollectionPanel,
- "my-statistics-panel": statisticsPanel,
- "my-manhole-panel": manholePanel,
- "my-video-panel": videoPanel,
- "my-layer-panel": layerPanel,
- "my-roam-panel": roamPanel,
- "my-layer-tree-panel": layerTreePanel,
- "my-history": history,
- "my-land-admin-info": landAdminInfo,
- "my-slider": sliderAlpha,
- },
- data() {
- return {
- date: "",
- parentItem: {},
- childrendata: {
- fwval: true,
- zbzval: false,
- qpval: false,
- zymlval: false,
- zymlmenu: false,
- kjcxval: false,
- dxmsval: false,
- snmsval: false,
- ssval: true,
- zoomval: true,
- },
- timer: null,
- count: 0,
- state: store.history,
- };
- },
- created() {},
- mounted() {
- this.$nextTick(function () {
- console.log("openlayer init");
-
- Map.prototype.getLayerByName = function (name) {
- var layer;
- this.getLayers().array_.forEach(function (lyr) {
- if (name == lyr.values_.name) {
- layer = lyr;
- }
- });
- return layer;
- };
-
- const layers = [];
-
- const TDTKey = "f234b950740b8c2e0d9959a51c169d21";
- const tiandituUrl = "http://t0.tianditu.gov.cn";
- let options = { proj: "EPSG:4326", layer: "img", matrixSets: "c" };
- let _proj = options.proj;
- let _layer = options.layer;
- let _key = TDTKey;
- let _matrixSets = options.matrixSets;
-
- let projection = getProjection(_proj);
- let projectionExtent = projection.getExtent();
- let origin = projectionExtent ? getTopLeft(projectionExtent) : [-180, 90];
- let fromLonLat = getTransform("EPSG:4326", projection);
- let width = projectionExtent
- ? getWidth(projectionExtent)
- : getWidth(applyTransform([-180.0, -90.0, 180.0, 90.0], fromLonLat));
-
- let resolutions = [];
- let matrixIds = [];
- for (let z = 1; z < 19; z++) {
- resolutions[z] = width / (256 * Math.pow(2, z));
- matrixIds[z] = z;
- }
- let wmtsTileGrid = new WMTSTileGrid({
- origin: origin,
- resolutions: resolutions,
- matrixIds: matrixIds,
- });
- console.log(
- "url:",
- `${tiandituUrl}/${_layer}_${_matrixSets}/wmts?tk=${_key}`
- );
- let wmtsSource = new WMTS({
- url: `${tiandituUrl}/${_layer}_${_matrixSets}/wmts?tk=${_key}`,
- layer: _layer,
- version: "1.0.0",
- matrixSet: _matrixSets,
- format: "tiles",
- projection: projection,
- requestEncoding: "KVP",
- style: "default",
- tileGrid: wmtsTileGrid,
- });
- let wmtsLayer = new TileLayer({
- name: "褰卞儚鍦板浘",
- id: _layer + "_" + _matrixSets,
- source: wmtsSource,
- });
-
- let wmtsSource1 = new WMTS({
- url: `${tiandituUrl}/cia_${_matrixSets}/wmts?tk=${_key}`,
- layer: "cia",
- version: "1.0.0",
- matrixSet: _matrixSets,
- format: "tiles",
- projection: projection,
- requestEncoding: "KVP",
- style: "default",
- tileGrid: wmtsTileGrid,
- });
- let wmtsLayer1 = new TileLayer({
- name: "璺綉鍥惧眰",
- id: "cia_c",
- source: wmtsSource1,
- });
-
- let wmtsSource2 = new WMTS({
- url: `${tiandituUrl}/vec_c/wmts?tk=${_key}`,
- layer: "vec",
- version: "1.0.0",
- matrixSet: _matrixSets,
- format: "tiles",
- projection: projection,
- requestEncoding: "KVP",
- style: "default",
- tileGrid: wmtsTileGrid,
- });
- let wmtsLayer2 = new TileLayer({
- name: "浜岀淮鍦板浘",
- id: "cva_c",
- source: wmtsSource2,
- });
- wmtsLayer2.setVisible(false);
- ////鍗槦褰卞儚
- layers.push(wmtsLayer);
- ////浜岀淮鍦板浘
- layers.push(wmtsLayer2);
- ////璺綉
- layers.push(wmtsLayer1);
-
- const map = new Map({
- layers: layers,
- target: "openlayerContainer",
- view: new View({
- center: [116.505348, 39.795592],
- projection: "EPSG:4326",
- zoom: 12,
- }),
- });
-
- window.map = map;
-
- var url =
- "https://skyzt.bda.gov.cn/gisserver/tmsserver/chengshiguihua_dikuaibianhao_tms/";
-
- var tmslayer = new TileLayer({
- source: new XYZ({
- projection: projection,
- tileGrid: createXYZ({
- extent: [50.731, -90, 180, 70.0478],
- }),
- tileUrlFunction: function (tileCoord, pixelRatio, proj) {
- // return url + (tileCoord[0] - 1) + '/' + tileCoord[1] + '/' + (Math.pow(2, tileCoord[0] - 1) + tileCoord[2]) + '.jpeg';
- return (
- url +
- (tileCoord[0] - 1) +
- "/" +
- tileCoord[1] +
- "/" +
- (Math.pow(2, tileCoord[0] - 1) + tileCoord[2]) +
- ".jpeg"
- );
- },
- }),
- });
- window.map.addLayer(tmslayer);
-
- window.layerOpen = function (name, options) {
- layuiLayer.close(SmartEarthPopupData.layerProp);
-
- var width = options.width;
- var height = options.height;
- var offset = options.offset;
- var fn = options.fn || {};
-
- //鑾峰彇鐩稿叧鍥炶皟浜嬩欢
- var cancelFn = null;
- var successFn = null;
- var endFn = null;
- for (var key in fn) {
- cancelFn = key == "cancel" ? fn[key] : cancelFn;
- successFn = key == "success" ? fn[key] : successFn;
- endFn = key == "end" ? fn[key] : endFn;
- }
-
- SmartEarthPopupData.layerProp = layuiLayer.open({
- title: name,
- skin: "title-class",
- // title:false,
- type: 2, //0锛堜俊鎭锛岄粯璁わ級1锛堥〉闈㈠眰锛�2锛坕frame灞傦級3锛堝姞杞藉眰锛�4锛坱ips灞傦級
- // shade: options.shade !== undefined ? options.shade : 0.3,
- shade: 0,
- shadeClose: false,
- closeBtn: 1,
- resize: false,
- offset: offset,
- area: [
- typeof width === "number" ? width + "px" : width,
- // "100%",
- typeof height === "number" ? height + "px" : height,
- ],
- content: options.url,
- success: function (layero, index) {
- if (successFn && typeof successFn === "function") {
- successFn(layero, index);
- }
- },
- cancel: function () {
- if (cancelFn && typeof cancelFn === "function") {
- cancelFn();
- }
- },
- end: function () {
- if (endFn && typeof endFn === "function") {
- endFn();
- }
- },
- });
- };
- });
- },
- methods: {
- clicktoclose() {
- clearTimeout(this.timer);
- this.timer = setTimeout(() => {
- this.count++;
- if (this.count == 2) {
- // console.log("鍗曞嚮浜嬩欢");
- // 鍏抽棴鎵�鏈夊脊绐�
- //this.$refs.menu.closeall();
- // 娓呴櫎瀹氫綅涓殑浣嶇疆鏍囪
- //this.$refs.menu.clearFlyPoint();
- } else {
- // 鎵ц鏀惧ぇ鎿嶄綔
- // console.log("鍙屽嚮");
- // Viewer.camera.zoomIn();
- // console.log(window.clickPOI);
- let p = sgworld.Navigate.getDegrees();
- // console.log(p);
- Viewer.camera.flyTo({
- destination: Cesium.Cartesian3.fromDegrees(
- window.clickPOI.lon,
- window.clickPOI.lat,
- p.height / 1.8
- ),
- duration: 1.0,
- });
- }
- this.count = 0;
- }, 300);
- this.count++;
- },
- datafromchild(data) {
- for (var i in data) {
- this.childrendata[i] = data[i];
- }
- },
- closeHistory(val) {
- store.setHistoryShow(val);
- },
- showBottom() {
- let handler3D = new Cesium.ScreenSpaceEventHandler(Viewer.scene.canvas);
- handler3D.setInputAction((wheelment) => {
- // 婊氬姩婊氳酱锛屽緱鍒板綋鍓嶇殑瑙嗙偣楂樺害
- // 鍗曚綅鎹㈢畻锛屽綋澶т簬1000绫崇殑鏃跺�欐樉绀衡�滃崈绫斥�濓紝灏忎簬1000绫崇殑鏃跺�欐樉绀哄崟浣嶄负鈥滅背鈥�
- var cHeightM = Viewer.camera.positionCartographic.height;
- var cHeightKm = (cHeightM / 1000).toFixed(0);
- // 褰揷Height鐨勫�兼敼鍙樻椂锛岃祴鍊肩粰window涓殑sdHeight
- window.sdHeight = this.cHeight;
-
- //褰撴粦鍔ㄧ殑璺濈灏忎簬2km锛屽彇娑堣仛鍚�
- // if (window.dataClustering && window.dataClustering.enabled) {
- if (parseFloat(cHeightKm) < 2) {
- window.dataClustering && (window.dataClustering.enabled = false);
- } else {
- window.dataClustering && (window.dataClustering.enabled = true);
- }
- }, Cesium.ScreenSpaceEventType.WHEEL);
- },
- getQYInfo() {
- console.log(window.gisBaseUrl);
- Axios.get(
- window.gisBaseUrl +
- "/gisserver/wfsserver/qiyelianqiye?version=1.3.0&request=GetFeature&format=json&typename=浼佷笟閾句紒涓�"
- ).then((res) => {
- console.log(res);
- });
- },
- },
-};
-</script>
-<style scoped>
-.panel,
-#openlayerContainer {
- width: 100%;
- height: 100%;
- background: black;
- position: absolute !important;
-}
-
-.titleBg {
- position: absolute;
- left: 0rem;
- top: 0rem;
- width: 100%;
- height: 0.43rem;
- background-color: #127eff;
- text-align: center;
- /* background-image: url("~@/assets/img/title/u2.png") !important;
- background-repeat: no-repeat;
- background-size: 100% 100% !important; */
-}
-
-.titleBg img {
- width: 207px;
- margin-top: 5px;
-}
-
-.bottomLeft {
- display: none;
-}
-.colseBtn {
- position: absolute;
- z-index: 2;
- top: 0.55rem;
- left: 0.2rem;
-}
-.colseBtn img {
- width: 30px;
-}
-</style>
diff --git a/src/components/viewer2.vue b/src/components/viewer2.vue
index bd213aa..2c05abe 100644
--- a/src/components/viewer2.vue
+++ b/src/components/viewer2.vue
@@ -65,9 +65,9 @@
</template>
<script>
import store from "@/utils/store2.js";
-import { setClick } from '@/utils/map2.js'
+import { setClick,leftClick } from '@/utils/map2.js'
import _GLOBAL from "@/assets/GLOBAL2";
-import { leftClick, loadLayer } from "@/utils/map.js";
+// import { leftClick, loadLayer } from "@/utils/map.js";
import leftBottom from "@/components/leftMenu/bottom2.vue";
import rightBottom from "@/components/rightMenu/bottom2.vue";
import sousuo from "@/components/leftMenu/sousuo2.vue";
@@ -85,9 +85,9 @@
import roamPanel from "./sideMenu/roamPanel/main.vue";
import layerTreePanel from "./sideMenu/layerTreePanel/main2.vue";
import history from "./poplayer/history.vue";
-import landAdminInfo from "./poplayer/landAdmin.vue";
+import landAdminInfo from "./poplayer/landAdmin2.vue";
import poplayer from "./poplayer/main.vue";
-import sliderAlpha from "./sideMenu/sliderAlpha/main.vue";
+import sliderAlpha from "./sideMenu/sliderAlpha/main2.vue";
import Axios from "axios";
// import Map from "ol/Map.js";
@@ -263,6 +263,7 @@
window.map = map;
setClick(true)
+ leftClick()
// var url =
// "https://skyzt.bda.gov.cn/gisserver/tmsserver/chengshiguihua_dikuaibianhao_tms/";
diff --git a/src/utils/map2.js b/src/utils/map2.js
index 19e3c86..e7cef48 100644
--- a/src/utils/map2.js
+++ b/src/utils/map2.js
@@ -2234,6 +2234,7 @@
//openlayer 鍦板浘鐐瑰嚮浜嬩欢
export function setClick(state) {
+ console.log('setClick');
let ponitPanel = document.getElementById('ponitPanel');
let overlay = new ol.Overlay({
element: ponitPanel,
@@ -2247,6 +2248,126 @@
// let _clickCallback = callback;
function handleClick(e) {
+ console.log(e.coordinate);
+ // 鍦熷湴绠＄悊
+ if (store.tdglInfo.flag) {
+ axios
+ .get(
+ // "http://10.10.4.115:8022/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=" +
+ 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=" +
+ e.coordinate[0] +
+ "&lat=" +
+ e.coordinate[1] +
+ "&geom=true&requesttype=json"
+ ).then(response => {
+ let center = { lon: 0, lat: 0 };
+ if (window.tdglLine) {
+ window.map.removeLayer(window.tdglLine);
+ window.tdglLine = null;
+ }
+ var format = new ol.format.WKT(); // 鍒涘缓涓�涓� WKT 瑙ｆ瀽鍣�
+ var feature = format.readFeature(response.data.geometry); // 瑙ｆ瀽 WKT 骞剁敓鎴愯绱犲璞�
+
+ // 鍒涘缓涓�涓绱犲浘灞�
+ window.tdglLine = new ol.layer.Vector({
+ source: new ol.source.Vector({
+ features: [feature] // 灏嗚绱犲璞″姞鍏ュ埌鍥惧眰婧愪腑
+ })
+ });
+ window.map.addLayer(window.tdglLine)
+
+
+ axios
+ .get(
+ // "http://10.10.4.115:8022//poisearch/guihuacon/getInfo?ydbm=" +
+ window.gisBaseUrl + "yzxncsApi/poisearch/guihuacon/getInfo?ydbm=" +
+ response.data.NO
+ )
+ .then(
+ info => {
+ let data = info.data.data;
+ if (data.yongdishuju === null) {
+ objdata = {
+ POITYPE: "NOTDGL",
+ zwxx: "鏆傛棤淇℃伅",
+ lon: window.clickPOI.lon,
+ lat: window.clickPOI.lat,
+ }
+ } else {
+ qiyexinxi = info.data.data.qiyexinxi;
+ qysl = data.qiyexinxi.length;
+ if (qysl > 0) {
+ ydbm = data.qiyexinxi[0]["鍦板潡缂栧彿"];
+ } else {
+ ydbm = data.churangxinxi["ydbh"];
+ }
+ try {
+ ydlx = data.yongdishuju["ydlxmc"];
+ } catch (e) { }
+ try {
+ cyfx = data.yongdishuju["cyfx"];
+ } catch (e) { }
+ try {
+ // this.crzt = response.data["ZT"];
+ switch (response.data["ZT"]) {
+ case 3:
+ crzt = "宸插嚭璁�";
+ break;
+ case 4:
+ crzt = "鏈嚭璁�";
+ break;
+ }
+ } catch (e) { }
+ try {
+ ydmj = parseFloat(
+ "" + data.yongdishuju["ydmj"]
+ ).toFixed(0);
+ } catch (e) { }
+ try {
+ crnx = data.churangxinxi["crnx"];
+ } catch (e) { }
+ try {
+ crnf = data.churangxinxi["crnf"];
+ } catch (e) { }
+ try {
+ rjl = data.yongdishuju["rjl"];
+ } catch (e) { }
+ try {
+ jzxg = data.yongdishuju["jzxg"];
+ } catch (e) { }
+ try {
+ jzmd = data.yongdishuju["jzmd"];
+ } catch (e) { }
+ objdata = {
+ POITYPE: "TDGL",
+ ydbm,
+ ydlx,
+ cyfx,
+ crzt,
+ ydmj,
+ ydbm,
+ crnx,
+ crnf,
+ rjl,
+ jzxg,
+ jzmd,
+ lon:e.coordinate[0],
+ lat: e.coordinate[1],
+ }
+ }
+
+ store.setTdglShow(false);
+ store.setTdlgInfo({});
+ store.setTdglShow(true);
+ store.setTdlgInfo(objdata);
+ }
+ );
+
+ })
+ return;
+ }
+
+
window.map.forEachFeatureAtPixel(e.pixel, function (feature) {
// console.log(feature, '111111')
if (feature && feature.values_.desc) {
--
Gitblit v1.9.3