From bcb0b5f05984af58e329404ec8e7b3862878515f Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Wed, 11 May 2022 11:40:25 +0800
Subject: [PATCH] 农场地图展示完善
---
src/components/map/main.vue | 130 -------------------------------------------
1 files changed, 0 insertions(+), 130 deletions(-)
diff --git a/src/components/map/main.vue b/src/components/map/main.vue
index 7b26677..f7d7997 100644
--- a/src/components/map/main.vue
+++ b/src/components/map/main.vue
@@ -70,12 +70,6 @@
source: new VectorSource()
}),
- // 存储新增点，线，面，数据的地方
- // polygonData: [],
- // polygonFlag: false,
- // editToolbar: null,
- // addPolygonEntitys: null,
-
typeSelected: "LineString",
drawLayer: null,
draw: null,
@@ -92,7 +86,6 @@
w: 200,
h: 10
},
- // openDrawChiose: "", //openDrawPoint openDrawLine
openDrawLine: false,
openDrawPoint: false,
@@ -302,22 +295,10 @@
this.map.addInteraction(this.draw);
}
- // 选点
- // this.addIconMarker([115.9111272006128, 28.699307185841562]);
},
addIconMarker(intlat) {
let that = this;
that.carAddlayer.getSource().clear();
- // if (this.olLayer) {
- // window.ol2d.removeLayer(this.olLayer);
- // }
- // let iconFeatures;
-
- // this.olLayer = new VectorLayer({
- // // 图标图层
- // zIndex: 22,
- // source: new VectorSource(),
- // });
let iconFeature = new OlFeature({
geometry: new OlGeomPoint(intlat) //绘制图形（点）
});
@@ -346,41 +327,7 @@
);
// 加载多个点用addFeatures，一个点用addFeature
- // this.olLayer.getSource().addFeature(iconFeature);
that.carAddlayer.getSource().addFeature(iconFeature);
- // window.ol2d.addLayer(this.olLayer);
-
- // var startMarker = new OlFeature({
- // type: "icon",
- // // geometry: new OlGeomPoint([118.10131072998047, 36.819305419921875]),
- // geometry: new OlGeomPoint(intlat),
- // });
-
- // var vectorLayer = new OlLayerVector({
- // source: new OlSourceVector({
- // features: [startMarker],
- // }),
- // style: new OlStyleStyle({
- // image: new OlStyleIcon({
- // anchor: [0.5, 1],
- // src: "img/logos.png",
- // // src: http://192.168.4.61:9527/static/mapMoniter/0.png
- // // 说明下，因为vue项目打包之后，我这张图片放到了static目录下，直接给相对路径是无法访问到，
- // // 可以通过js原生的API拿到对应的前台服务器ip和端口，还有项目名称，就可以访问到，下面附了对应帖子链接
- // }),
- // // 设置图片下面显示字体的样式和内容
- // text: new Text({
- // text: "文字描述", // 添加文字描述
- // font: "14px font-size", // 设置字体大小
- // // fill: new Fill({
- // // // 设置字体颜色
- // // color: "#1CAF9A",
- // // }),
- // offsetY: 10, // 设置文字偏移量
- // }),
- // }),
- // });
- // window.ol2d.addLayer(vectorLayer);
this.butTitlePoint = "重新标点";
if (!this.fromView) {
@@ -408,29 +355,12 @@
});
const iconStyle = new Style({
- // text: new Text({ // 字体, 未成功, 浪费许多时间
- // font: 'Normal ' + 12 + 'px ' + 'iconfont',
- // text: "\e645",
- // fill: new Fill({ color: "green" }),
- // }),
image: new Icon({
scale: scale,
opacity: 1,
src: icon
- // src: require('../../assets/Mark.png')
})
-
- // new CircleStyle({ // 普通样式
- // radius: 6,
- // fill: new Fill({
- // color: 'rgba(200, 155, 155, 0.8)'
- // }),
- // stroke: new Stroke({
- // color: 'black',
- // width: 0.3,
- // })
- // }),
});
iconFeature.setStyle(iconStyle);
@@ -454,7 +384,6 @@
var entityArr = [];
entityData = data.data[0].routeInfo.match(/\(([^)]*)\)/);
- // 此时result＝["(dsfasjfj3124123)", "dsfasjfj3124123"];
if (entityData && entityData != "") {
entityData = entityData[1].split(",");
@@ -476,7 +405,6 @@
view.setZoom(14.5);
// 要素
- // var lineCoords = [[featureInfo.lineString[0][0],featureInfo.lineString[0][0]],[featureInfo.lineString(0),featureInfo.lineString(0)]];
var feature_LineString = new Feature({
geometry: new LineString(lineCoords)
});
@@ -506,10 +434,6 @@
},
addNewLine() {
this.map = ol2d;
- // console.log(ol2d, 1);
- // console.log(drawFence, 2);
- // var d = new drawFence(ol2d);
- // console.log(d);
// 添加一个绘制的线使用的layer
this.drawLayer = new VectorLayer({
@@ -546,11 +470,6 @@
that.showTip = true;
}
that.setTipPosition(e.offsetX, e.offsetY, 10, 10);
- // console.log(e.clientX);
- // console.log(e.offsetX);
- // console.log(e.pageX);
- // console.log(e.screenX);
- // console.log("================================");
});
this.coordinates = [];
@@ -587,17 +506,6 @@
}
},
doData(val) {
- // ` routeInfo: "
- // LINESTRING(
- // 115.875489096939 28.7179278611352
- // ,115.8794051221 28.7176267680684
- // ,115.879340749084 28.7143052776491
- // ,115.878879409134 28.7140324026424
- // ,115.875220876038 28.7150580325974
- // ,115.875489096939 28.7179466794231
- // ,115.875489096939 28.7179466794231
- // )"
- // `
let str = "LINESTRING(";
for (let k = 0; k < val.length; k++) {
str += `${val[k][0]} ${val[k][1]}`;
@@ -610,15 +518,6 @@
},
addLinesDraw(val) {
var that = this;
- // if (ringId != null && ringId != "") {
- // $.ajax({
- // url: "api/routeIn/routein/selectList",
- // type: "post",
- // data: {
- // id: ringId,
- // },
- // dataType: "JSON",
- // success: function (data) {
that.peopleLineAddlayer.getSource().clear();
var entityData = "";
var entityArr = [];
@@ -686,34 +585,5 @@
<style scoped lang="scss">
#map {
position: relative;
- // .controlMap {
- // position: absolute;
- // top: 10px;
- // left: calc(50% - 97px);
- // z-index: 2 !important;
- // #openDrawLine,
- // #openDrawPoiton {
- // width: 174px;
- // position: absolute;
- // // top: 43px;
- // top: 10px;
- // // left: calc(50% - 96px);
- // left: 50%;
- // }
- // .openDrawsb {
- // background-color: #fff;
- // color: black;
- // }
- // .activeDraw {
- // background-color: #409eff;
- // color: #fff;
- // }
- // }
- // #dataConfirm {
- // position: absolute;
- // top: 20px;
- // left: calc(50% + 82px);
- // z-index: 3 !important;
- // }
}
</style>
--
Gitblit v1.9.3