@@ -35,6 +35,7 @@ export default { | |||
newZb: null, | |||
newGeom: null, | |||
mapData: null, | |||
map:this.guidProduct(), | |||
//地图服务地址 | |||
mapGeoServerUrl:"", | |||
}; | |||
@@ -68,7 +69,7 @@ export default { | |||
/* console.log(this.message);*/ | |||
//加载地图编辑 | |||
var that = this; | |||
var map; | |||
//var map; | |||
//var hc_land; | |||
var draw; // global so we can remove it later | |||
var vector_drawing; | |||
@@ -102,6 +103,7 @@ export default { | |||
}), | |||
isGroup: true, | |||
name: "卫星影像图", | |||
resolution:Math.random() * 0.00000001 | |||
}); | |||
var yingxzi = new ol.layer.Tile({ | |||
@@ -110,9 +112,10 @@ export default { | |||
}), | |||
isGroup: true, | |||
name: "天地图文字标注--卫星影像图", | |||
resolution:Math.random() * 0.00000001 | |||
}); | |||
//加载地图 | |||
map = new ol.Map({ | |||
that.map = new ol.Map({ | |||
controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | |||
layers: [aerial, yingxzi], | |||
projection: projection, | |||
@@ -122,7 +125,10 @@ export default { | |||
zoom: 15, | |||
minZoom: 5, //地图缩小限制 | |||
maxZoom: 18.3, //地图放大限制 | |||
resolution:Math.random() * 0.00000001 | |||
resolution:Math.random() * 0.00000001, | |||
}), | |||
interactions: ol.interaction.defaults({ | |||
pinchRotate: false // 移动端禁止地图旋转 | |||
}), | |||
//view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新 | |||
}); | |||
@@ -130,22 +136,14 @@ export default { | |||
var zjdTc; | |||
var zrzTc; | |||
var fsssTc; | |||
map.removeLayer(zrzTc); | |||
map.removeLayer(zjdTc); | |||
map.removeLayer(fsssTc); | |||
that.map.removeLayer(zrzTc); | |||
that.map.removeLayer(zjdTc); | |||
that.map.removeLayer(fsssTc); | |||
//宅基地图层查询开始 ------------------start | |||
// var zjddmNew; | |||
// if(that.$cookies.get("search").zjddm !=undefined && that.$cookies.get("search").zjddm !=""){ | |||
// zjddmNew = that.$cookies.get("search").zjddm; | |||
// }else { | |||
// if(that.$cookies.get("item").zjddm !=undefined && that.$cookies.get("item").zjddm !=""){ | |||
// zjddmNew = that.$cookies.get("item").zjddm; | |||
// } | |||
// } | |||
var cql_filter_all = "dept_id='" + that.$cookies.get("search").deptId + "'" + "and zjddm='" + that.$cookies.get("search").zjddm + "'"; | |||
//村边界查询开始 ------------------------------end | |||
var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.$cookies.get("search").zjddm + "'"; | |||
console.log(cql_filter_all); | |||
console.log(that.$cookies.get("item")); | |||
console.log(that.$cookies.get("search")); | |||
zjdTc= new ol.layer.Image({ | |||
source: new ol.source.ImageWMS({ | |||
url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms", | |||
@@ -158,7 +156,7 @@ export default { | |||
resolution:Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(zjdTc); | |||
that.map.addLayer(zjdTc); | |||
//宅基地图层查询开始 ------------------start | |||
//自然幢图层查询开始 ------------------start | |||
zrzTc= new ol.layer.Image({ | |||
@@ -173,7 +171,7 @@ export default { | |||
resolution:Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(zrzTc); | |||
that.map.addLayer(zrzTc); | |||
//自然幢图层查询结束 ------------------end | |||
//附属设施图层查询开始 ------------------start | |||
@@ -189,7 +187,7 @@ export default { | |||
resolution:Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(fsssTc); | |||
that.map.addLayer(fsssTc); | |||
//附属设施图层查询结束 ------------------end | |||
//图层查询定位开始 ---------start | |||
if(this.message.substring(0,1) =="{"){ | |||
@@ -218,14 +216,14 @@ export default { | |||
}), | |||
}), | |||
}); | |||
map.addLayer(hc_land); | |||
that.map.addLayer(hc_land); | |||
var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | |||
var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||
var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||
var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 16.9, // 缩放级别 | |||
@@ -262,14 +260,14 @@ export default { | |||
}), | |||
}), | |||
}); | |||
map.addLayer(hc_land); | |||
that.map.addLayer(hc_land); | |||
var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | |||
var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||
var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||
var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 16.9, // 缩放级别 | |||
@@ -287,15 +285,15 @@ export default { | |||
//开始绘制地图 | |||
$("#"+this.drawingPolygonMap).click(function () { | |||
that.newGeom = 1; | |||
map.removeLayer(hc_land); | |||
map.removeLayer(vector_drawing); | |||
that.map.removeLayer(hc_land); | |||
that.map.removeLayer(vector_drawing); | |||
//that.closeMoule = null; | |||
map.removeInteraction(draw); | |||
that.map.removeInteraction(draw); | |||
//var source = new ol.source.Vector({wrapX: false}); | |||
vector_drawing = new ol.layer.Vector({ | |||
source: new ol.source.Vector(), | |||
}); | |||
map.addLayer(vector_drawing); | |||
that.map.addLayer(vector_drawing); | |||
function addInteraction() { | |||
draw = new ol.interaction.Draw({ | |||
@@ -308,12 +306,12 @@ export default { | |||
var coordinate = geometry.getCoordinates(); | |||
if(coordinate !="" && coordinate !=null){ | |||
//map.addLayer(vector_drawing); | |||
map.removeInteraction(draw); | |||
that.map.removeInteraction(draw); | |||
} | |||
that.closeMoule = coordinate; | |||
that.formSubmit(); | |||
}); | |||
map.addInteraction(draw); | |||
that.map.addInteraction(draw); | |||
} | |||
addInteraction(); | |||
@@ -328,9 +326,9 @@ export default { | |||
$("#"+this.drawingResetMap).click(function () { | |||
that.newGeom = 2; | |||
if(that.closeMoule !=null) { | |||
map.addLayer(hc_land); | |||
map.removeInteraction(draw); | |||
map.removeLayer(vector_drawing); | |||
that.map.addLayer(hc_land); | |||
that.map.removeInteraction(draw); | |||
that.map.removeLayer(vector_drawing); | |||
that.formSubmit(); | |||
} | |||
}); | |||
@@ -381,7 +379,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 17.9, // 缩放级别 | |||
@@ -423,7 +421,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 16.9, // 缩放级别 | |||
@@ -465,7 +463,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 17.9, // 缩放级别 | |||
@@ -508,7 +506,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 16.9, // 缩放级别 | |||
@@ -548,7 +546,7 @@ export default { | |||
}); | |||
//加载地图 | |||
map = new ol.Map({ | |||
that.map = new ol.Map({ | |||
controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | |||
layers: [aerial, yingxzi], | |||
projection: projection, | |||
@@ -610,8 +608,8 @@ export default { | |||
console.log(data); | |||
let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | |||
resolution:resolution + Math.random() * 0.00000001, | |||
map.getView().fit(data.bbox); | |||
map.getView().setResolution(resolution); | |||
that.map.getView().fit(data.bbox); | |||
that.map.getView().setResolution(resolution); | |||
// var datamap = data.bbox; | |||
// var center = ol.extent.getCenter(datamap); | |||
// map.getView().animate({ | |||
@@ -623,7 +621,7 @@ export default { | |||
.catch((error) => { | |||
console.log("【异常】", error); | |||
}); | |||
map.addLayer(cunTc); | |||
that.map.addLayer(cunTc); | |||
//村边界查询开始 ------------------------------end | |||
//宅基地图层查询开始 ------------------start | |||
//var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | |||
@@ -638,7 +636,7 @@ export default { | |||
}, | |||
}), | |||
}); | |||
map.addLayer(zjdTc); | |||
that.map.addLayer(zjdTc); | |||
//宅基地图层查询开始 ------------------start | |||
// getQueryLand().then((response) => { | |||
// if (response.code == 200) { | |||
@@ -674,12 +672,12 @@ export default { | |||
//开始绘制地图 | |||
$("#"+this.drawingPolygonMap).click(function () { | |||
//that.closeMoule = null; | |||
map.removeInteraction(draw); | |||
that.map.removeInteraction(draw); | |||
//var source = new ol.source.Vector({wrapX: false}); | |||
vector_drawing = new ol.layer.Vector({ | |||
source: new ol.source.Vector(), | |||
}); | |||
map.addLayer(vector_drawing); | |||
that.map.addLayer(vector_drawing); | |||
function addInteraction() { | |||
draw = new ol.interaction.Draw({ | |||
@@ -698,7 +696,7 @@ export default { | |||
that.closeMoule = coordinate; | |||
that.formSubmit(); | |||
}); | |||
map.addInteraction(draw); | |||
that.map.addInteraction(draw); | |||
} | |||
addInteraction(); | |||
@@ -712,8 +710,8 @@ export default { | |||
// }); | |||
//还原之前图层 | |||
$("#"+this.drawingResetMap).click(function () { | |||
map.removeInteraction(draw); | |||
map.removeLayer(vector_drawing); | |||
that.map.removeInteraction(draw); | |||
that.map.removeLayer(vector_drawing); | |||
//that.closeMoule = null; | |||
that.formSubmit(); | |||
}); | |||
@@ -755,7 +753,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 17.9, // 缩放级别 | |||
@@ -798,7 +796,7 @@ export default { | |||
var minYMap = hc_landFuther.values_.source.featuresRtree_.rbush_.data.minY; | |||
//定位查询位置 | |||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||
map.getView().animate({ | |||
that.map.getView().animate({ | |||
// 只设置需要的属性即可 | |||
center: center, // 中心点 | |||
zoom: 16.9, // 缩放级别 | |||
@@ -20,7 +20,7 @@ | |||
<div style=" width:90%; left:5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem; | |||
top:1.2rem"> | |||
<van-row> | |||
<van-col span="4" :offset="1" style="text-align:center;" @click="mapClickLoading"> | |||
<van-col span="4" :offset="1" style="text-align:center;" @click="zjdProduct"> | |||
<div @click="active=1"> | |||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||
@@ -446,7 +446,7 @@ | |||
placeholder="备注" | |||
maxlength="200" | |||
/> | |||
<MapGisDrawing ref="drewingClickLoading1" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<MapGisDrawing :ref="this.zjdProductResh" :message="form.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<div style="margin: 16px;"> | |||
<van-button v-if="isFinished" round color="#7AC943" style="width:100%" native-type="submit">保存</van-button> | |||
</div> | |||
@@ -1039,7 +1039,7 @@ | |||
label="备注" | |||
placeholder="备注" | |||
/> | |||
<MapGisDrawing ref="drewingClickLoading3" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<MapGisDrawing :ref="this.zrzProductResh" :message="form3.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<div style="margin: 16px;" v-if="isFinished"> | |||
<van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||
</div> | |||
@@ -2418,7 +2418,7 @@ | |||
label="备注" | |||
placeholder="备注" | |||
/> | |||
<MapGisDrawing ref="drewingClickLoading4" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<MapGisDrawing :ref="this.fsssProductResh" :message="form4.theGeom" v-on:formSubmit="MapTag"></MapGisDrawing> | |||
<div style="margin: 16px;" v-if="isFinished"> | |||
<van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||
</div> | |||
@@ -3155,6 +3155,10 @@ | |||
cookiesInfo:null, | |||
// 异常标记照片 | |||
fileListyc:[], | |||
//刷新随机数 | |||
zjdProductResh:this.guidProduct(), | |||
zrzProductResh:this.guidProduct(), | |||
fsssProductResh:this.guidProduct(), | |||
}; | |||
}, | |||
created(){ | |||
@@ -3217,6 +3221,7 @@ | |||
this.cookiesInfo = this.$cookies.get("search") | |||
this.$cookies.set("search","") | |||
this.item = this.cookiesInfo | |||
this.$cookies.set("search",this.cookiesInfo); | |||
if(this.item.houseDataConfirmStatus!="CONFIRMED"){ | |||
this.isFinished = true | |||
} | |||
@@ -4521,7 +4526,7 @@ | |||
this.form.djName = res.dictLabel | |||
} | |||
}) | |||
this.mapClickLoading(); | |||
this.zjdProduct(); | |||
}); | |||
}else{ | |||
let params = { | |||
@@ -4556,7 +4561,7 @@ | |||
this.form.suyqrdm = response.rows[0].suyqrdm | |||
this.form.zl = response.rows[0].suyqrmc | |||
} | |||
this.mapClickLoading(); | |||
this.zjdProductResh(); | |||
}); | |||
} | |||
}, | |||
@@ -5478,7 +5483,7 @@ | |||
} | |||
this.showzrz = true; | |||
this.mapClickLoading(); | |||
this.zrzProduct(); | |||
this.active = 3; | |||
// if(){ | |||
// | |||
@@ -5811,7 +5816,7 @@ | |||
} | |||
this.showfsss = true; | |||
this.active = 4; | |||
this.mapClickLoading(); | |||
this.fsssProduct(); | |||
} | |||
}, | |||
showPopup3() { | |||
@@ -6006,15 +6011,13 @@ | |||
}, | |||
//地图加载js------start | |||
mapClickLoading(){ | |||
//this.$cookies.set("item", this.form); | |||
console.log(this.$cookies.get("item")); | |||
setTimeout(() => { | |||
if(this.active =="1"){ | |||
this.$refs.drewingClickLoading1.drawingPaceCountryDarw(); | |||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||
}else if(this.active=="3"){ | |||
this.$refs.drewingClickLoading3.drawingPaceCountryDarw(); | |||
this.$refs[this.zrzProductResh].drawingPaceCountryDarw(); | |||
}else if(this.active=="4"){ | |||
this.$refs.drewingClickLoading4.drawingPaceCountryDarw(); | |||
this.$refs[this.fsssProductResh].drawingPaceCountryDarw(); | |||
} else { | |||
} | |||
@@ -6032,6 +6035,26 @@ | |||
} | |||
}, | |||
zjdProduct(){ | |||
this.zjdProductResh = this.guidProduct(); | |||
console.log(this.zjdProductResh); | |||
this.mapClickLoading(); | |||
}, | |||
zrzProduct(){ | |||
this.zrzProductResh = this.guidProduct(); | |||
this.mapClickLoading(); | |||
}, | |||
fsssProduct(){ | |||
this.fsssProductResh = this.guidProduct(); | |||
this.mapClickLoading(); | |||
}, | |||
guidProduct(){ | |||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||
var r = Math.random() * 16 | 0, | |||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||
return v.toString(16); | |||
}); | |||
}, | |||
//地图加载js------end | |||
} | |||
} | |||
@@ -1382,6 +1382,7 @@ | |||
backTheGeom:"", | |||
//地图服务地址 | |||
mapGeoServerUrl:"", | |||
backMap:"", | |||
// 任务完成标记 | |||
isFinished:false, | |||
@@ -1390,10 +1391,10 @@ | |||
mounted(){ | |||
}, | |||
created(){ | |||
// if(location.href.indexOf("#reloaded")==-1){ | |||
// location.href=location.href+"#reloaded"; | |||
// location.reload(); | |||
// } | |||
if(location.href.indexOf("#reloaded")==-1){ | |||
location.href=location.href+"#reloaded"; | |||
location.reload(); | |||
} | |||
this.getDicts("zjlx").then(response => { | |||
this.zjlxOptions = response.data; | |||
}); | |||
@@ -2921,13 +2922,12 @@ | |||
zoom: 10, | |||
minZoom: 5, //地图缩小限制 | |||
maxZoom: 18.3, //地图放大限制 | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}), | |||
interactions: ol.interaction.defaults({ | |||
pinchRotate: false // 移动端禁止地图旋转 | |||
}), | |||
}); | |||
//使用geoserver服务查询开始 -------------------start | |||
//镇边界查询开始 ------------------------------start | |||
// var zhenTc= new ol.layer.Tile({ | |||
@@ -2945,21 +2945,21 @@ | |||
//镇边界查询开始 ------------------------------end | |||
//村边界查询开始 ------------------------------start | |||
var cql_filter | |||
if(that.mapAddJumpNum == 1){ | |||
if (that.mapAddJumpNum == 1) { | |||
cql_filter = "dept_id='" + that.mapAddJump + "'"; | |||
} else { | |||
cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'"; | |||
} | |||
var cunTc= new ol.layer.Image({ | |||
var cunTc = new ol.layer.Image({ | |||
source: new ol.source.ImageWMS({ | |||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
params: { | |||
LAYERS: 'zjd_dc:t_house_survey_border_village', | |||
TILED: true, | |||
cql_filter: cql_filter, | |||
SRID: 3857, | |||
}, | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}), | |||
}); | |||
//定位查询位置 | |||
@@ -2976,7 +2976,7 @@ | |||
outputFormat: "application/json", | |||
//filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | |||
}; | |||
let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||
let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl; | |||
url_dw = url_dw + "?"; | |||
for (let key in param_dw) { | |||
url_dw = url_dw + key + "=" + param_dw[key] + "&"; | |||
@@ -2990,7 +2990,7 @@ | |||
return geojsonmap; | |||
}) | |||
.then((data) => { | |||
if(that.backTheGeom !="" && that.backTheGeom !=undefined && that.backTheGeom.substring(0,1) =="{"){ | |||
if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "{") { | |||
hc_land_on = new ol.layer.Vector({ | |||
title: "add Layer", | |||
source: new ol.source.Vector({ | |||
@@ -3018,13 +3018,17 @@ | |||
zoom: 17.9, // 缩放级别 | |||
rotation: undefined, // 缩放完成view视图旋转弧度 | |||
duration: 1000, // 缩放持续时间,默认不需要设置 | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}); | |||
} else if(that.backTheGeom !="" && that.backTheGeom !=undefined && that.backTheGeom.substring(0,1) =="[") { | |||
this.backMap =1; | |||
} else if (that.backTheGeom != "" && that.backTheGeom != undefined && that.backTheGeom.substring(0, 1) == "[") { | |||
//that.newHt ="1"; | |||
var zbNew = JSON.stringify({"type": "MultiPolygon", "coordinates": [that.backTheGeom.replaceAll("\"","")]}); | |||
var leftJoin = zbNew.replace("\"[","["); | |||
var rightJoin = leftJoin.replace("\"]","]"); | |||
var zbNew = JSON.stringify({ | |||
"type": "MultiPolygon", | |||
"coordinates": [that.backTheGeom.replaceAll("\"", "")] | |||
}); | |||
var leftJoin = zbNew.replace("\"[", "["); | |||
var rightJoin = leftJoin.replace("\"]", "]"); | |||
hc_land_on = new ol.layer.Vector({ | |||
title: "add Layer", | |||
source: new ol.source.Vector({ | |||
@@ -3058,12 +3062,13 @@ | |||
zoom: 16.9, // 缩放级别 | |||
rotation: undefined, // 缩放完成view视图旋转弧度 | |||
duration: 1000, // 缩放持续时间,默认不需要设置 | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}); | |||
}else { | |||
let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize()); | |||
this.backMap =1; | |||
} else { | |||
let resolution = map.getView().getResolutionForExtent(data.bbox, map.getSize()); | |||
resolution:resolution + Math.random() * 0.00000001, | |||
map.getView().fit(data.bbox); | |||
map.getView().fit(data.bbox); | |||
map.getView().setResolution(resolution); | |||
} | |||
}) | |||
@@ -3074,55 +3079,69 @@ | |||
//村边界查询开始 ------------------------------end | |||
//宅基地图层查询开始 ------------------start | |||
//var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'"; | |||
var zjdTc= new ol.layer.Image({ | |||
var zjdTc = new ol.layer.Image({ | |||
source: new ol.source.ImageWMS({ | |||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
params: { | |||
LAYERS: 'zjd_dc:t_house_survey_zjdzd', | |||
TILED: true, | |||
cql_filter: cql_filter, | |||
SRID: 3857, | |||
}, | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(zjdTc); | |||
//宅基地图层查询开始 ------------------start | |||
//自然幢图层查询开始 ------------------start | |||
var zrzTc= new ol.layer.Image({ | |||
var zrzTc = new ol.layer.Image({ | |||
source: new ol.source.ImageWMS({ | |||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
params: { | |||
LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
TILED: true, | |||
cql_filter: cql_filter, | |||
SRID: 3857, | |||
}, | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(zrzTc); | |||
//自然幢图层查询开始 ------------------start | |||
//附属设施图层查询开始 ------------------start | |||
var fsssTc= new ol.layer.Image({ | |||
var fsssTc = new ol.layer.Image({ | |||
source: new ol.source.ImageWMS({ | |||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
params: { | |||
LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
TILED: true, | |||
cql_filter: cql_filter, | |||
SRID: 3857, | |||
}, | |||
resolution:Math.random() * 0.00000001, | |||
resolution: Math.random() * 0.00000001, | |||
}), | |||
}); | |||
map.addLayer(fsssTc); | |||
//附属设施图层查询开始 ------------------start | |||
//使用geoserver服务查询开始 -------------------end | |||
if(this.backMap ==1){ | |||
var cql = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + this.mapZjdTeAll.mapZjdAData.zjddm + "'"; | |||
var wmsSourceBack = new ol.source.ImageWMS({ | |||
crossOrigin: 'anonymous', | |||
params: { | |||
LAYERS: 'zjd_dc:t_house_survey_all', | |||
'VERSION': '1.1.0', | |||
'FORMAT': "image/png", | |||
'CQL_FILTER': cql | |||
}, | |||
serverType: 'geoserver', | |||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
}); | |||
zjdTc.setSource(wmsSourceBack); | |||
ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | |||
} | |||
//数据库直接加载数据渲染方式---------------------------------------------------start | |||
//判断当前账套是否有数据 | |||
// var mapTalkAbout = true; | |||
@@ -4498,6 +4517,7 @@ | |||
//属性查询结束 ------------------end | |||
//点击查询详细信息 | |||
map.on("singleclick", function (evt) { | |||
console.log(evt); | |||
let feature = map.forEachFeatureAtPixel( | |||
evt.pixel, | |||
(feature) => feature | |||