zhangzl
/
nsgk_mobile
2
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
Selaa lähdekoodia

优化地图

wulanhaote
hbao 3 vuotta sitten
vanhempi
7f38a3e1f6
commit
a21171052c
3 muutettua tiedostoa jossa 89 lisäystä ja 55 poistoa
Jaettu näkymä
Diff Options
Show Stats Download Patch File Download Diff File
  1. +28
    -12
      src/components/Map/MapGisDrawing.vue
  2. +15
    -14
      src/views/homesteadSurvey/add.vue
  3. +46
    -29
      src/views/homesteadSurvey/list.vue

+ 28
- 12
src/components/Map/MapGisDrawing.vue Näytä tiedosto

@@ -122,7 +122,9 @@ export default {
zoom: 15,
minZoom: 5, //地图缩小限制
maxZoom: 18.3, //地图放大限制
resolution:Math.random() * 0.00000001
}),
//view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新
});
that.mapData= that.message;
var zjdTc;
@@ -140,12 +142,12 @@ export default {
// zjddmNew = that.$cookies.get("item").zjddm;
// }
// }
var cql_filter_all = "dept_id='" + that.$cookies.get("map").deptId + "'" + "and zjddm='" + that.$cookies.get("map").zjddm + "'";
var cql_filter_all = "dept_id='" + that.$cookies.get("search").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.Tile({
source: new ol.source.TileWMS({
zjdTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_zjdzd',
@@ -153,13 +155,14 @@ export default {
cql_filter: cql_filter_all,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(zjdTc);
//宅基地图层查询开始 ------------------start
//自然幢图层查询开始 ------------------start
zrzTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
zrzTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_zrz',
@@ -167,14 +170,15 @@ export default {
cql_filter: cql_filter_all,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(zrzTc);
//自然幢图层查询结束 ------------------end

//附属设施图层查询开始 ------------------start
fsssTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
fsssTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_fsss',
@@ -182,6 +186,7 @@ export default {
cql_filter: cql_filter_all,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(fsssTc);
@@ -200,6 +205,7 @@ export default {
" \"type\": \"Feature\",\n" +
" \"geometry\":" + this.message + "}"),
}),
resolution:Math.random() * 0.00000001,
style: new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
@@ -222,9 +228,10 @@ export default {
map.getView().animate({
// 只设置需要的属性即可
center: center, // 中心点
zoom: 17.9, // 缩放级别
zoom: 16.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
// let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize());
// map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]);
@@ -242,6 +249,7 @@ export default {
" \"type\": \"Feature\",\n" +
" \"geometry\":" + rightJoin + "}"),
}),
resolution:Math.random() * 0.00000001,
style: new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
@@ -267,6 +275,7 @@ export default {
zoom: 16.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
// let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize());
// map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]);
@@ -462,6 +471,7 @@ export default {
zoom: 17.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
// let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize());
// map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]);
@@ -504,6 +514,7 @@ export default {
zoom: 16.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
}
}
@@ -549,14 +560,16 @@ export default {
zoom: 16.9,
minZoom: 5, //地图缩小限制
maxZoom: 18, //地图放大限制
resolution:Math.random() * 0.00000001,
}),
});
//view.setResolution(view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新
//获取坐标是否存在
//var Zb;
//村边界查询开始 ------------------------------start
var cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
var cunTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var cunTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl +"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_border_village',
@@ -596,6 +609,7 @@ export default {
.then((data) => {
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);
// var datamap = data.bbox;
@@ -613,8 +627,8 @@ export default {
//村边界查询开始 ------------------------------end
//宅基地图层查询开始 ------------------start
//var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
var zjdTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var zjdTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_zjdzd',
@@ -747,6 +761,7 @@ export default {
zoom: 17.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
// let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize());
// map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]);
@@ -789,6 +804,7 @@ export default {
zoom: 16.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
// let resolution = map.getView().getResolutionForExtent([maxXMap, maxYMap, minXMap, minYMap],map.getSize());
// map.getView().fit([maxXMap, maxYMap, minXMap, minYMap]);


+ 15
- 14
src/views/homesteadSurvey/add.vue Näytä tiedosto

@@ -20,9 +20,9 @@
<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;" >
<van-col span="4" :offset="1" style="text-align:center;" @click="mapClickLoading">
<div @click="active=1">
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" :message="form.theGeom" @click="mapClickLoading" style="margin-top:0px;"/>
<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>
</div>
</van-col>
@@ -3163,8 +3163,8 @@
//this.$cookies.set("item","");
if(this.$cookies.get("search") !=null &&this.$cookies.get("search").zjddm !="" && this.$cookies.get("search").zjddm !=undefined && this.$cookies.get("search").zjddm !=null){
this.ztMap =false;
this.$cookies.set("map",this.$cookies.get("search"));
console.log(this.$cookies.get("map"));
//this.$cookies.set("map",this.$cookies.get("search"));
console.log(this.$cookies.get("search"));
}else {
this.ztMap =true;
}
@@ -3178,10 +3178,7 @@
this.backMap.backMapZjdAData = this.cookiesInfo.mapZjdAData;
this.backMap.deptId = this.cookiesInfo.mapZjdAData.deptId;
this.backMap.zjddm = this.cookiesInfo.mapZjdAData.zjddm;
if(this.ztMap){
this.$cookies.set("map",this.backMap);
}
this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom;
//this.form.theGeom = this.cookiesInfo.mapZjdAData.theGeom;
//this.enterMapZjddm = this.cookiesInfo.mapZjdAData.zjddm;
//返回地图值记录----end
this.active = this.cookiesInfo.active;
@@ -3193,7 +3190,9 @@
this.getnhdmlist();
this.getBaseUrl();
this.getZjd();
//this.mapClickLoading();
if(this.ztMap){
this.$cookies.set("search",this.backMap);
}
let zrz = this.cookiesInfo.mapZrzAData;
let fsss = this.cookiesInfo.mapFsssAData;
if(this.cookiesInfo.active=="3"){
@@ -3341,9 +3340,9 @@
});
},
mounted(){
if(this.active ==1){
this.mapClickLoading();
}
// if(this.active ==1 && !this.ztMap){
// this.mapClickLoading();
// }
},
methods: {
showPic(){
@@ -4249,9 +4248,9 @@
//this.enterMap="";
//this.$cookies.set("item","");
if(this.ztMap && this.enterMap ==1){
this.$cookies.set("map",this.backMap);
this.$cookies.set("search",this.backMap);
} else {
this.$cookies.set("map","");
this.$cookies.set("search","");
}
this.$router.push({name:'homesteadList'});
// }
@@ -4522,6 +4521,7 @@
this.form.djName = res.dictLabel
}
})
this.mapClickLoading();
});
}else{
let params = {
@@ -4556,6 +4556,7 @@
this.form.suyqrdm = response.rows[0].suyqrdm
this.form.zl = response.rows[0].suyqrmc
}
this.mapClickLoading();
});
}
},


+ 46
- 29
src/views/homesteadSurvey/list.vue Näytä tiedosto

@@ -1390,10 +1390,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;
});
@@ -1429,15 +1429,15 @@
this.getDicts("member_remark").then(response => {
this.cybzOptions = response.data;
});
if(this.$cookies.get("map") != null && this.$cookies.get("map") !="" && this.$cookies.get("map")!=undefined){
if(this.$cookies.get("map").activeBtn !=null){
if(this.$cookies.get("map").activeBtn == 4){
this.activeBtn = this.$cookies.get("map").activeBtn;
if(this.$cookies.get("search") != null && this.$cookies.get("search") !="" && this.$cookies.get("search")!=undefined){
if(this.$cookies.get("search").activeBtn !=null){
if(this.$cookies.get("search").activeBtn == 4){
this.activeBtn = this.$cookies.get("search").activeBtn;
this.item = this.$cookies.get("item");
this.mapAddJump = this.$cookies.get("map").backMapZjdAData.deptId;
this.backTheGeom = this.$cookies.get("map").backMapZjdAData.theGeom;
this.mapZjdData = this.$cookies.get("map").backMapZjdAData;
this.mapZjdTeAll.mapZjdAData = this.$cookies.get("map").backMapZjdAData;
this.mapAddJump = this.$cookies.get("search").backMapZjdAData.deptId;
this.backTheGeom = this.$cookies.get("search").backMapZjdAData.theGeom;
this.mapZjdData = this.$cookies.get("search").backMapZjdAData;
this.mapZjdTeAll.mapZjdAData = this.$cookies.get("search").backMapZjdAData;
this.zjdHcDy = 1;
this.mapZjdDataTure = 1;
this.mapAddJumpNum =1;
@@ -1844,7 +1844,7 @@
},
// 返回
onClickLeft(){
this.$cookies.set("map","")
this.$cookies.set("search","")
this.$router.push('/homesteadSurvey/index');
},
onConfirmhncysjly(value){
@@ -2921,6 +2921,7 @@
zoom: 10,
minZoom: 5, //地图缩小限制
maxZoom: 18.3, //地图放大限制
resolution:Math.random() * 0.00000001,
}),
interactions: ol.interaction.defaults({
pinchRotate: false // 移动端禁止地图旋转
@@ -2949,8 +2950,8 @@
} else {
cql_filter = "dept_id='" + that.$cookies.get("item").deptId + "'";
}
var cunTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var cunTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_border_village',
@@ -2958,6 +2959,7 @@
cql_filter: cql_filter,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
//定位查询位置
@@ -3016,6 +3018,7 @@
zoom: 17.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
} else if(that.backTheGeom !="" && that.backTheGeom !=undefined && that.backTheGeom.substring(0,1) =="[") {
//that.newHt ="1";
@@ -3055,9 +3058,11 @@
zoom: 16.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
}else {
let resolution = map.getView().getResolutionForExtent(data.bbox,map.getSize());
resolution:resolution + Math.random() * 0.00000001,
map.getView().fit(data.bbox);
map.getView().setResolution(resolution);
}
@@ -3069,8 +3074,8 @@
//村边界查询开始 ------------------------------end
//宅基地图层查询开始 ------------------start
//var cql_filter_all = "dept_id='" + that.$cookies.get("item").deptId + "'";
var zjdTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var zjdTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_zjdzd',
@@ -3078,14 +3083,15 @@
cql_filter: cql_filter,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(zjdTc);
//宅基地图层查询开始 ------------------start

//自然幢图层查询开始 ------------------start
var zrzTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var zrzTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_zrz',
@@ -3093,14 +3099,15 @@
cql_filter: cql_filter,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(zrzTc);
//自然幢图层查询开始 ------------------start

//附属设施图层查询开始 ------------------start
var fsssTc= new ol.layer.Tile({
source: new ol.source.TileWMS({
var fsssTc= new ol.layer.Image({
source: new ol.source.ImageWMS({
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms",
params: {
LAYERS: 'zjd_dc:t_house_survey_fsss',
@@ -3108,6 +3115,7 @@
cql_filter: cql_filter,
SRID: 3857,
},
resolution:Math.random() * 0.00000001,
}),
});
map.addLayer(fsssTc);
@@ -3516,6 +3524,7 @@
zoom: 17.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
});
//定位当前位置 ------end
@@ -3704,6 +3713,7 @@
zoom: 15.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
}
// listFsss(paramsZrz).then((response) => {
@@ -4396,6 +4406,7 @@
})
.then((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);
// var datamap = data.bbox;
@@ -4431,6 +4442,7 @@
serverType: "geoserver",
crossOrigin: "anonymous",
},
resolution:Math.random() * 0.00000001,
});

//查询宅基地图层
@@ -4443,6 +4455,7 @@
serverType: "geoserver",
crossOrigin: "anonymous",
},
resolution:Math.random() * 0.00000001,
});

//查询自然幢图层
@@ -4455,6 +4468,7 @@
serverType: "geoserver",
crossOrigin: "anonymous",
},
resolution:Math.random() * 0.00000001,
});

//查询附属设施图层
@@ -4467,6 +4481,7 @@
serverType: "geoserver",
crossOrigin: "anonymous",
},
resolution:Math.random() * 0.00000001,
});


@@ -4619,7 +4634,7 @@
"zjddm": obj.zjddm,
}
that.$cookies.set("search", "")
that.$cookies.set("map", "")
//that.$cookies.set("map", "")
console.log(document.cookie.split(';').length)
console.log(params);
listZjdzd(params).then((response) => {
@@ -4663,6 +4678,7 @@
zoom: 17.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});

function createLabelStyleMap() {
@@ -4717,7 +4733,7 @@
"zjddm": obj.zjddm,
}
that.$cookies.set("search", "")
that.$cookies.set("map", "")
//that.$cookies.set("map", "")
listZjdzd(params).then((response) => {
that.mapZjdData = response.rows[0];
//that.mapZjdAData.active = 1;
@@ -4762,6 +4778,7 @@
zoom: 17.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
});
});
@@ -4788,7 +4805,7 @@
"pageSize": 20,
}
that.$cookies.remove("search")
that.$cookies.set("map", "")
//that.$cookies.set("map", "")
listZjdzd(params).then((response) => {
that.mapZjdData = response.rows[0];
that.mapZjdData.active = 1;
@@ -4801,6 +4818,7 @@
}
//that.mapfsssData.active = 4;
that.mapfsssData = response.data;
console.log(that.mapfsssData);
that.mapZjdTeAll.mapFsssAData = that.mapfsssData;
that.zjdHcDy = obj.zjddm;
var styleZjd = new ol.style.Style({
@@ -4833,6 +4851,7 @@
zoom: 17.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
resolution:Math.random() * 0.00000001,
});
});
});
@@ -5285,17 +5304,15 @@
this.mapZjdTeAll.active =1;
this.$cookies.set("search",this.mapZjdTeAll);
this.$router.push({path:'/homesteadSurvey/add'});
}
if(this.mapZrzData !=undefined && this.mapZrzData !=""){
}else if(this.mapZrzData !=undefined && this.mapZrzData !=""){
if(this.mapZjdTeAll.mapZjdAData !=""){
this.mapZjdTeAll.active =3;
this.mapZjdTeAll.active = 3;
this.$cookies.set("search",this.mapZjdTeAll);
this.$router.push({path:'/homesteadSurvey/add'});
} else {
this.$toast("必须有宅基地数据才能进入自然幢核查");
}
}
if(this.mapFsssData !=undefined && this.mapFsssData !=""){
}else {
if(this.mapZjdTeAll.mapZjdAData !="") {
this.mapZjdTeAll.active = 4;
this.$cookies.set("search", this.mapZjdTeAll);


Kirjoita Esikatselu
Ladataan…
Peruuta
Tallenna