From e8bcc8ff69702b8c2ba123981a45e668cf95a01b Mon Sep 17 00:00:00 2001 From: wangrui <zephyrs0894@163.com> Date: 星期五, 25 十二月 2020 16:17:35 +0800 Subject: [PATCH] 图层控制 --- src/conf/MapConfig.js | 436 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 419 insertions(+), 17 deletions(-) diff --git a/src/conf/MapConfig.js b/src/conf/MapConfig.js index 731f76d..7611aec 100644 --- a/src/conf/MapConfig.js +++ b/src/conf/MapConfig.js @@ -11,10 +11,17 @@ const TIANDITU_GIS_TOKEN = '5d76218063082952d18b76da5005f490' // 澶囩敤tk: f1b72b5e7cb1175acddfa485f1bc9770 // service涓绘満閰嶇疆 -const APP_GIS_HOST = 'http://xearth.cn:6299/' +const APP_GIS_HOST = 'http://xearth.cn:6299' +const APP_GIS_HOST_PIPELINE = 'http://xearth.cn:6289' // 鑷畾涔変富鏈洪厤缃� const BLUEMAP_HOST = APP_GIS_HOST // 鍏徃鍙戝竷鐨勫湴鍥炬湇鍔★紝鐢ㄤ簬娴嬭瘯鐨勫湴鍧� + +// 鍑犱綍绫诲瀷甯搁噺 +const GEOM_POINT = 'POINT' +const GEOM_POLYLINE = 'POLYLINE' +const GEOM_POLYGON = 'POLYGON' +console.log(GEOM_POINT, GEOM_POLYLINE, GEOM_POLYGON) const mapOptions = { crs: L.CRS.EPSG4326, @@ -22,6 +29,8 @@ maxZoom: 18, center: [26, 104], zoom: 3, + worldCopyJump: true, + inertia: true, zoomControl: false, attributionControl: false, editable: true @@ -34,6 +43,8 @@ { code: 'sinopec_img', name: '涓煶鍖栧ぉ鍦板浘褰卞儚', + icon_actived: '/assets/images/map-pages/icon/img.png', + icon_deactived: '/assets/images/map-pages/icon/img.png', isAddToMap: true, map: { layerName: '澶╁湴鍥惧奖鍍忓湴鍥�', @@ -41,11 +52,12 @@ visible: false, layerType: 'img_c', isLoadMapByToken: true, - url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-image-globe/WMTS', + url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-image-globe/WMTS?'+ + 'layer=img&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, annotation: { @@ -54,17 +66,20 @@ visible: false, layerType: 'cia_c', isLoadMapByToken: true, - url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-image/WMTS', + url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-image/WMTS?'+ + 'layer=cia&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, }, { code: 'sinopec_vec', name: '涓煶鍖栧ぉ鍦板浘鐭㈤噺', + icon_actived: '/assets/images/map-pages/icon/road.png', + icon_deactived: '/assets/images/map-pages/icon/road.png', isAddToMap: false, map: { layerName: '澶╁湴鍥剧煝閲忓湴鍥�', @@ -72,11 +87,12 @@ visible: false, layerType: 'vec_c', isLoadMapByToken: true, - url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-vector-globe/WMTS', + url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-vector-globe/WMTS?'+ + 'layer=vec&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, annotation: { @@ -85,11 +101,12 @@ visible: false, layerType: 'cva_c', isLoadMapByToken: true, - url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-vector/WMTS', + url: SINOPEC_GIS_HOST + '/OneMapServer/rest/services/base-tdt-label-vector/WMTS?'+ + 'layer=cva&style=default&tilematrixset=c&Service=WMTS&Request=GetTile&Version=1.0.0&Format=tiles&TileMatrix={z}&TileCol={x}&TileRow={y}', option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } } } @@ -98,6 +115,8 @@ { code: 'tianditu_img', name: '澶╁湴鍥惧奖鍍�', + icon_actived: '/assets/images/map-pages/icon/img.png', + icon_deactived: '/assets/images/map-pages/icon/img.png', isAddToMap: true, map: { layerName: '澶╁湴鍥惧奖鍍忓湴鍥�', @@ -111,7 +130,7 @@ option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, annotation: { @@ -126,13 +145,15 @@ option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, }, { code: 'tianditu_vec', name: '澶╁湴鍥惧奖鍍�', + icon_actived: '/assets/images/map-pages/icon/road.png', + icon_deactived: '/assets/images/map-pages/icon/road.png', isAddToMap: false, map: { layerName: '澶╁湴鍥剧煝閲忓湴鍥�', @@ -146,7 +167,7 @@ option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } }, annotation: { @@ -161,7 +182,7 @@ option:{ maxZoom: 18, minZoom: 1, - zoomOffset: 0 + zoomOffset: 1 } } } @@ -181,14 +202,395 @@ { code:'guojie', name:'鍥界晫', + icon_actived: '', + icon_deactived: '', type:'wmts', url: APP_GIS_HOST + '/server/ogcserver/whp_guojie/wmts?x={x}&y={y}&z={z}', + inLegend: true, + checked: true, option:{ - layers: 'all', - format: "image/png", - transparent: true, - crs: L.CRS.EPSG4326 + zoomOffset: 1 } + }, + { + code:'pipeline', + name:'绠$綉鏁版嵁', + icon_actived: '', + icon_deactived: '', + type:'wms', + url: APP_GIS_HOST_PIPELINE + '/server/ogcserver/PipeLine/wms?version=1.1.1', + inLegend: true, + checked: true, + option:{ + layers:'all', + styles:'', // Comma-separated list of WMS styles. + format:'image/png', // WMS image format (use 'image/png' for layers with transparency). + transparent:true, // If true, the WMS service will return images with transparency. + version:'1.1.1', // Version of the WMS service to use + crs:L.CRS.EPSG4326, // Coordinate Reference System to use for the WMS requests, defaults to map CRS. Don't change this if you're not sure what it means. + uppercase:false + }, + layers:[ + { + code:'rainline', + name:'闆ㄦ按绾�', + sname:'闆ㄦ按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'oilline', + name:'鍚补姹℃按绾�', + sname:'鍚补姹℃按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'saltline', + name:'鍚洂姹℃按绾�', + sname:'鍚洂姹℃按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'alkaliline', + name:'鍚⒈姹℃按绾�', + sname:'鍚⒈姹℃按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'outlet', + name:'鎺掑彛', + sname:'鎺掑彛', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'accidentline', + name:'浜嬫晠姘寸嚎', + sname:'浜嬫晠姘�', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'loopline', + name:'寰幆姘寸嚎', + sname:'寰幆姘�', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'purifyline', + name:'鍑�鍖栨按绾�', + sname:'鍑�鍖栨按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'lifeline', + name:'鐢熸椿姹℃按', + sname:'鐢熸椿姹℃按', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + { + code:'areainfo', + name:'鍖哄煙淇℃伅', + sname:'鍖哄煙淇℃伅', + checked: true, // 榛樿閫変腑鐘舵�� + filter:{} + }, + ], + filtersGroup:[ + { + code:'fsss', + name:'闄勫睘璁炬柦', + checked: true, // 榛樿閫変腑鐘舵�� + filters:[ + { + code:'鍥涢��', + name:'鍥涢��', + sname:'鍥涢��', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'涓夐��', + name:'涓夐��', + sname:'涓夐��', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绠℃灦(澧�)', + name:'绠℃灦(澧�)', + sname:'绠℃灦', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绠″粖(甯�)', + name:'绠″粖(甯�)', + sname:'绠″粖', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'娴佸悜', + name:'娴佸悜', + sname:'娴佸悜', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绠$綉', + name:'绠$綉', + sname:'绠$綉', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'闃�闂�', + name:'闃�闂�', + sname:'闃�闂�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'寮ご', + name:'寮ご', + sname:'寮ご', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + ] + }, + { + code:'hbss', + name:'鐜繚璁炬柦', + checked: true, // 榛樿閫変腑鐘舵�� + filters:[ + { + code:'绐ㄤ簳', + name:'绐ㄤ簳', + sname:'绐ㄤ簳', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'闃茬伀鍫�', + name:'闃茬伀鍫�', + sname:'闃茬伀鍫�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'闆ㄧ瀛�', + name:'闆ㄧ瀛�', + sname:'闆ㄧ瀛�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'婧㈡祦鍫�', + name:'婧㈡祦鍫�', + sname:'婧㈡祦鍫�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鎴祦闂�', + name:'鎴祦闂�', + sname:'鎴祦闂�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'闆嗘按姹�(缃�)', + name:'闆嗘按姹�(缃�)', + sname:'闆嗘按姹�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'闅旀补姹�', + name:'闅旀补姹�', + sname:'闅旀补姹�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + ] + }, + { + code:'pk', + name:'鎺掑彛', + checked: true, // 榛樿閫変腑鐘舵�� + filters:[ + { + code:'鎺掓斁鍙�', + name:'鎺掓斁鍙�', + sname:'鎺掓斁鍙�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + } + ] + }, + { + code:'qyxx', + name:'鍖哄煙淇℃伅', + checked: true, // 榛樿閫変腑鐘舵�� + filters:[ + { + code:'绗笁鏂圭閬�', + name:'绗笁鏂圭閬�', + sname:'绗笁鏂圭閬�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'娑堥槻鍗曚綅', + name:'娑堥槻鍗曚綅', + sname:'娑堥槻鍗曚綅', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'搴旀�ョ墿璧�', + name:'搴旀�ョ墿璧�', + sname:'搴旀�ョ墿璧�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绀句細涓撲笟搴旀�ユ晳鎻撮槦浼�', + name:'绀句細涓撲笟搴旀�ユ晳鎻撮槦浼�', + sname:'涓撲笟搴旀�ユ晳鎻�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'缁存姠淇槦浼�', + name:'缁存姠淇槦浼�', + sname:'缁存姠淇槦浼�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鍖婚櫌', + name:'鍖婚櫌', + sname:'鍖婚櫌', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鑷劧淇濇姢鍖�', + name:'鑷劧淇濇姢鍖�', + sname:'鑷劧淇濇姢鍖�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'姘翠綋', + name:'姘翠綋', + sname:'姘翠綋', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鏁忔劅鐩爣', + name:'鏁忔劅鐩爣', + sname:'鏁忔劅鐩爣', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鐜鐩戞祴鍗曚綅', + name:'鐜鐩戞祴鍗曚綅', + sname:'鐜鐩戞祴鍗曚綅', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鐩戞祴鐐规薄鏌撶墿鎸囨爣淇℃伅', + name:'鐩戞祴鐐规薄鏌撶墿鎸囨爣淇℃伅', + sname:'姹℃煋鐗╂寚鏍�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鎺掓斁鍙e懆杈圭幆澧冩晱鎰熶俊鎭�', + name:'鎺掓斁鍙e懆杈圭幆澧冩晱鎰熶俊鎭�', + sname:'鎺掓斁鍙e懆杈圭幆澧�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'娉�', + name:'娉�', + sname:'娉�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'娑蹭綅璁�', + name:'娑蹭綅璁�', + sname:'娑蹭綅璁�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'娴侀噺璁�', + name:'娴侀噺璁�', + sname:'娴侀噺璁�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'瑙嗛鐩戞帶閰嶇疆', + name:'瑙嗛鐩戞帶閰嶇疆', + sname:'瑙嗛鐩戞帶', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鍦ㄧ嚎鐩戞祴璁惧閰嶇疆', + name:'鍦ㄧ嚎鐩戞祴璁惧閰嶇疆', + sname:'鍦ㄧ嚎鐩戞祴', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'鍙噧姘斾綋鎶ヨ璁惧閰嶇疆', + name:'鍙噧姘斾綋鎶ヨ璁惧閰嶇疆', + sname:'鍙噧姘斾綋鎶ヨ', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'H2S娴撳害鎶ヨ璁惧閰嶇疆', + name:'H2S娴撳害鎶ヨ璁惧閰嶇疆', + sname:'H2S娴撳害鎶ヨ', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绠$嚎鐐�', + name:'绠$嚎鐐�', + sname:'绠$嚎鐐�', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + }, + { + code:'绠℃', + name:'绠℃', + sname:'绠℃', + checked: true, // 榛樿閫変腑鐘舵�� + geom: GEOM_POINT + } + ] + } + ] } ] } -- Gitblit v1.8.0