| | |
| | | <transition name="animationChange"> |
| | | <div :class="'legend-content map-background'" v-show="layerControllerVisible"> |
| | | <lc-service-layer></lc-service-layer> |
| | | <buttom @click="showPanel" type="button" class="el-button special-button el-button--default el-icon-d-arrow-left"></buttom> |
| | | <button @click="showPanel" type="button" class="el-button special-button el-button--default el-icon-d-arrow-left"></button> |
| | | </div> |
| | | </transition> |
| | | </div> |
| | |
| | | swSubFilter (url, item) { |
| | | item.checked = !item.checked |
| | | if (item.checked) { |
| | | window.serviceLayerHelper.loadGeojsonLayer(url, item) |
| | | window.layerFactory.show(item) |
| | | } else { |
| | | window.serviceLayerHelper.removeLayer(item) |
| | | window.layerFactory.hide(item) |
| | | } |
| | | // window.serviceLayerHelper.loadLayers() |
| | | } |
| | |
| | | |
| | | <style scoped lang="less"> |
| | | .inner-panel { |
| | | width: 500px; |
| | | color: #90c8e0; |
| | | font-size: 13px; |
| | | |
| | | position: absolute; |
| | | left: 260px; |
| | | left: 230px; |
| | | z-index: 1000; |
| | | height: 220px; |
| | | top: 0; |
| | |
| | | } |
| | | |
| | | loadData (wfsUrl) { |
| | | AjaxUtils.get4JsonDataByUrl(wfsUrl, this.params, (res) => this.draw(res.data.features)) |
| | | AjaxUtils.get4JsonDataByUrl(wfsUrl, this.params, (res) => { |
| | | console.log(res) |
| | | this.draw(res.data.features) |
| | | }) |
| | | } |
| | | |
| | | draw (features) { |
| | |
| | | <div class="container"> |
| | | <ul> |
| | | <li style="text-align: right"> |
| | | <buttom type="button" class="el-button special-button el-button--default el-icon-d-arrow-right"></buttom> |
| | | <button type="button" class="el-button special-button el-button--default el-icon-d-arrow-right"></button> |
| | | </li> |
| | | </ul> |
| | | <ul v-for="item in topicList" :key="item.name" :class="item.checked?'module-wrap map-btn-active':'module-wrap map-btn-unactive'" @click="()=>{selected(item)}" > |
| | |
| | | } |
| | | }, |
| | | _fillStroke: function (ctx, layer) { |
| | | debugger |
| | | var options = layer.options |
| | | |
| | | if (options.fill) { |
| | |
| | | /** |
| | | * 管网 |
| | | */ |
| | | import { LayerHbss } from './LayerHbss' |
| | | import { LayerFsss } from './LayerFsss' |
| | | |
| | | const APP_GIS_HOST_2 = 'http://xearth.cn:8088' |
| | | const WFS_URL = APP_GIS_HOST_2 + '/server/ogcserver/PipeLine/wfs' |
| | | |
| | |
| | | code: 'sewersPipeLines', |
| | | name: '管线', |
| | | checked: true, |
| | | childLayer: [LayerFsss, LayerHbss], |
| | | layers: [ |
| | | { |
| | | code: 'rainline', |
| | |
| | | sname: '雨水线', |
| | | checked: true, |
| | | wfs: WFS_URL + '?TYPENAME=管网', |
| | | minZoom: 10 // 在指定级别显示 |
| | | minZoom: 10 |
| | | }, |
| | | { |
| | | code: 'accidentline', |
| | |
| | | |
| | | export const LayerSewersPoint = [ |
| | | { |
| | | code: 'fsss', |
| | | code: 'sewersFsss', |
| | | name: '附属设施', |
| | | checked: false, // 默认选中状态 |
| | | type: 'geojson', |
| | |
| | | ] |
| | | }, |
| | | { |
| | | code: 'hbss', |
| | | code: 'sewersHbss', |
| | | name: '环保设施', |
| | | checked: false, // 默认选中状态 |
| | | type: 'geojson', |
| | |
| | | ] |
| | | }, |
| | | { |
| | | code: 'pk', |
| | | code: 'sewersPk', |
| | | name: '排口', |
| | | checked: false, // 默认选中状态 |
| | | type: 'geojson', |
| | |
| | | ] |
| | | }, |
| | | { |
| | | code: 'qyxx', |
| | | code: 'sewersQyxx', |
| | | name: '区域信息', |
| | | checked: false, // 默认选中状态 |
| | | type: 'geojson', |