From e556182b998fdba960ee9fac00e7868dd514033a Mon Sep 17 00:00:00 2001
From: liuyg <liuyg@qq.com>
Date: Fri, 25 Mar 2022 14:01:06 +0800
Subject: [PATCH] +底图加字段
---
src/components/basemap/mainInThere.vue | 85 +++++++++++++++++++++++++++++-------------
1 files changed, 58 insertions(+), 27 deletions(-)
diff --git a/src/components/basemap/mainInThere.vue b/src/components/basemap/mainInThere.vue
index 2c6d150..b91a577 100644
--- a/src/components/basemap/mainInThere.vue
+++ b/src/components/basemap/mainInThere.vue
@@ -14,6 +14,7 @@
import "ol/ol.css";
import OlView from "ol/View.js";
import XYZ from "ol/source/XYZ";
+import TileArcGISRest from "ol/source/TileArcGISRest";
import OlLayerTile from "ol/layer/Tile.js";
import OlMap from "ol/Map.js";
import tip from "./tip.vue";
@@ -74,36 +75,37 @@
},
data() {
return {
- gunAddlayer: new VectorLayer({
- // 图标图层
- zIndex: 22,
- source: new VectorSource(),
- }),
- peopleAddlayer: new VectorLayer({
- // 图标图层
- zIndex: 22,
- source: new VectorSource(),
- }),
- carAddlayer: new VectorLayer({
- // 图标图层
- zIndex: 22,
- source: new VectorSource(),
- }),
- // peopleLineAddlayer: new VectorLayer({
+ // gunAddlayer: new VectorLayer({
// // 图标图层
// zIndex: 22,
// source: new VectorSource(),
// }),
- beginsPoint: new VectorLayer({
- // 图标图层
- zIndex: 22,
- source: new VectorSource(),
- }),
- DrawLayer: new VectorLayer({
- // 图标图层
- // zIndex: 1000,
- source: new VectorSource(),
- }),
+ // peopleAddlayer: new VectorLayer({
+ // // 图标图层
+ // zIndex: 22,
+ // source: new VectorSource(),
+ // }),
+ // carAddlayer: new VectorLayer({
+ // // 图标图层
+ // zIndex: 22,
+ // source: new VectorSource(),
+ // }),
+ // // peopleLineAddlayer: new VectorLayer({
+ // // // 图标图层
+ // // zIndex: 22,
+ // // source: new VectorSource(),
+ // // }),
+ // beginsPoint: new VectorLayer({
+ // // 图标图层
+ // zIndex: 22,
+ // source: new VectorSource(),
+ // }),
+ // DrawLayer: new VectorLayer({
+ // // 图标图层
+ // // zIndex: 1000,
+ // source: new VectorSource(),
+ // }),
+ toMoveTime: null,
oldService: "",
mapService: [
// {
@@ -248,8 +250,10 @@
// new OlLayerTile({
zIndex: 5,
title: data.length - 1,
- source: new XYZ({
+ source: new TileArcGISRest({
url: data[data.length - 1].service, // 注记
+ // '水系图', http://59.55.128.156:6080/arcgis/rest/services/fuzhoupcsdhl/MapServer
+ // '行政区', http://59.55.128.156:6080/arcgis/rest/services/fzxzq/MapServer
}),
// }),
});
@@ -264,6 +268,33 @@
// }
// }
// console.log("str", str);
+ // that.view.setCenter(layer);
+ let doit = () => {
+ this.toMoveTime = setTimeout(() => {
+ console.log(window.ol2d);
+
+ // console.log(layer.getData());
+ // // let position = layer.values_.source.tmpExtent_;
+ // let position = layer.renderer_.renderedExtent_;
+ // let lonlat = [
+ // [position[0], position[1]],
+ // [position[2], position[3]],
+ // ];
+ // let pot = layer.getFeatures()[0];
+ // console.log(pot);
+ // // let zoomto = new ZoomToExtent({ extent: lonlat });
+ // // console.log(window.ol2d);
+ // // window.ol2d.zoomToExtent(position);
+ // this.view.setCenter(lonlat[0]);
+ }, 500);
+ };
+ if (this.toMoveTime) {
+ clearTimeout(this.toMoveTime);
+ doit();
+ } else {
+ doit();
+ }
+
that.oldService = data[data.length - 1].service;
window.ol2d.addLayer(layer);
that.mapService.push({
--
Gitblit v1.9.3