| | |
| | | funcValue.name |
| | | }}</span> |
| | | </div> |
| | | <!-- <div style="height: 0" class="layerItem" v-for="n in 3" :key="n"></div> --> |
| | | </div> |
| | | <!-- <div class="container"> |
| | | <div |
| | |
| | | ], |
| | | zhuantiList: ZTTitem, |
| | | //curMapModelIndex: 1, |
| | | curEMapModelIndex: 1, |
| | | curEMapModelIndex: 0, |
| | | curSMapModelIndex: -1, |
| | | curAreaTypeIndex: -1, |
| | | curYjIndex: -1, |
| | |
| | | case "二维地图": |
| | | loadGeoMap(); |
| | | loadBaseMap(); |
| | | addAnnotationLayer(); |
| | | // addAnnotationLayer(); |
| | | addHxLayer(); |
| | | addYzLayer(); |
| | | window.mapapi.getView().setZoom(14); |
| | |
| | | url: "https://skyzt.bda.gov.cn/gisserver/wmsserver/chengshiguihua_dikuaibianhao", |
| | | params: { |
| | | VERSION: "1.1.1", |
| | | SRS: "EPSG:4326", |
| | | SRS: "EPSG:3857", |
| | | FORMAT: "image/png", |
| | | TILED: true, |
| | | LAYERS: "", |
| | |
| | | align-items: center; |
| | | /* padding: 0.1rem; */ |
| | | background: #ffffff; |
| | | z-index: 1000; |
| | | /* z-index: 1000; */ |
| | | /* padding-left: 0.25rem; */ |
| | | border-radius: 15px 15px 0px 0px; |
| | | } |
| | |
| | | line-height: 15px; |
| | | margin-bottom: 18px; |
| | | } |
| | | .container { |
| | | width: 100%; |
| | | .mapMode .container { |
| | | display: flex; |
| | | align-items: center; |
| | | text-align: center; |
| | |
| | | font-family: "微软雅黑"; |
| | | font-weight: 400; |
| | | cursor: pointer; |
| | | text-align: center; |
| | | } |
| | | .mapMode .layerItem { |
| | | width: 91px; |
| | | width: 0.8rem; |
| | | margin-right: 24px; |
| | | } |
| | | .mapMode img { |
| | | display: block; |
| | | width: 91px; |
| | | width: 100%; |
| | | border-radius: 11px; |
| | | border: 1px dashed #127dff; |
| | | /* height: 40px; */ |
| | | margin-bottom: 11px; |
| | | } |
| | | span { |
| | | font-family: "微软雅黑"; |
| | | font-weight: 500; |
| | | font-size: 15px; |
| | | color: #212121; |
| | | font-size: 0.12rem; |
| | | color: #6e6969; |
| | | line-height: 12px; |
| | | } |
| | | .active { |
| | | .mapMode .active, |
| | | .areaType .active { |
| | | color: #127dff; |
| | | border: 2px solid #127dff; |
| | | border-radius: 10px; |
| | |
| | | width: 100%; |
| | | margin-top: 30px; |
| | | } |
| | | |
| | | .areaType .ZTtitle { |
| | | margin-left: 28px; |
| | | margin-bottom: 3px; |
| | | } |
| | | .areaType .container{ |
| | | padding: 0 18px 22px; |
| | | justify-content: space-between; |
| | | .areaType .container { |
| | | margin-top: 18px; |
| | | padding: 0 4%; |
| | | display: grid; |
| | | justify-items: center; |
| | | grid-template-columns: repeat(4, 1fr); |
| | | overflow: hidden; |
| | | } |
| | | .areaType .layerItem { |
| | | margin-bottom: 15px; |
| | | } |
| | | |
| | | .areaType img { |
| | | margin: 0 auto; |
| | | /* background-color: green; */ |
| | | display: block; |
| | | width: 84px; |
| | | width: 0.5rem; |
| | | border-radius: 11px; |
| | | box-shadow: 0 0 5px 5px rgb(196 222 236 / 30%); |
| | | margin-bottom: 11px; |
| | | } |
| | | |
| | | .more { |