| | |
| | | import Vue from 'vue'; |
| | | import axios from "axios"; |
| | | import _GLOBAL from '@/assets/GLOBAL2'; |
| | | import poiLayer2 from '@/components/poplayer/main2'; |
| | | import poiLayer from '@/components/poplayer/main'; |
| | | import store from "@/utils/store2"; |
| | | import { Message } from 'element-ui'; |
| | | let tdglLine, qiyexinxi, qysl, ydbm, ydlx, cyfx, crzt, ydmj, crnx, crnf, rjl, jzxg, jzmd; |
| | |
| | | var clickEvent; |
| | | |
| | | window.tdglLine = tdglLine |
| | | let PoiLayerConstructor = Vue.extend(poiLayer2); |
| | | let PoiLayerConstructor = Vue.extend(poiLayer); |
| | | /**核心区 */ |
| | | export function loadHXQ() { |
| | | let urls = window.gisBaseUrl + "/gisserver/wmsserver/YZ_BJ60"; |
| | |
| | | |
| | | |
| | | //openlayer 创建点位 |
| | | window.pointArr = []; |
| | | export function createPointMarker(position, obj) { |
| | | let startFeature = new ol.Feature({ |
| | | geometry: new ol.geom.Point(position), |
| | |
| | | startFeature.setProperties({ |
| | | desc: obj, |
| | | }); |
| | | if (window.pointArr && window.pointArr.length > 0) { |
| | | window.pointArr.forEach(item => { |
| | | window.mapapi.removeLayer(item) |
| | | }) |
| | | window.pointArr = [] |
| | | } |
| | | let MarkerLayer = new ol.layer.Vector({ |
| | | id: 'LocationPoint', |
| | | name: '标记点', |
| | |
| | | }), |
| | | zIndex: 1099, |
| | | }) |
| | | window.pointArr.push(MarkerLayer) |
| | | return MarkerLayer; |
| | | } |
| | | |
| | | //openlayer 地图点击事件 |
| | | export function setClick(state) { |
| | | function handleClick(e) { |
| | | console.log(e.coordinate); |
| | | |
| | | console.log(e,'111') |
| | | |
| | | store.setLayerPanelShow(false); |
| | | |
| | | // 土地管理 |
| | | if (store.tdglInfo.flag) { |
| | | axios |
| | |
| | | ).then(response => { |
| | | let center = { lon: 0, lat: 0 }; |
| | | if (window.tdglLine) { |
| | | window.map.removeLayer(window.tdglLine); |
| | | window.mapapi.removeLayer(window.tdglLine); |
| | | window.tdglLine = null; |
| | | } |
| | | var format = new ol.format.WKT(); // 创建一个 WKT 解析器 |
| | |
| | | features: [feature] // 将要素对象加入到图层源中 |
| | | }) |
| | | }); |
| | | window.map.addLayer(window.tdglLine) |
| | | window.mapapi.addLayer(window.tdglLine) |
| | | |
| | | |
| | | axios |
| | |
| | | return; |
| | | } |
| | | |
| | | window.map.forEachFeatureAtPixel(e.pixel, function (feature) { |
| | | window.mapapi.forEachFeatureAtPixel(e.pixel, function (feature) { |
| | | |
| | | console.log(feature,'feature') |
| | | if (feature && feature.values_.desc) { |
| | | let obj = feature.values_.desc |
| | | objdata = { |
| | | POITYPE: "POINT", |
| | | name: obj.name, |
| | | address: obj.address, |
| | | lon: obj.lng, |
| | | lat: obj.lat |
| | | // lon: obj.lng, |
| | | // lat: obj.lat |
| | | } |
| | | |
| | | store.setTdglShow(false); |
| | |
| | | }); |
| | | } |
| | | if (state) { |
| | | clickEvent = window.map.on('click', handleClick); |
| | | clickEvent = window.mapapi.on('click', handleClick); |
| | | } else { |
| | | ol.Observable.unByKey(clickEvent) |
| | | clickEvent = null |
| | |
| | | |
| | | |
| | | export function flyToPoint(posisitons) { |
| | | window.map.getView().animate({ |
| | | window.mapapi.getView().animate({ |
| | | center: posisitons, |
| | | zoom: 15, |
| | | duration: 1500 |