| | |
| | | </template> |
| | | <div class="layer-icon"> |
| | | <div class="layer-btn"> |
| | | <div class="img"></div> |
| | | <div class="img" :style="{'background': loadBgImg}"></div> |
| | | </div> |
| | | </div> |
| | | </a-popover> |
| | | </template>\ |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { ref, } from 'vue' |
| | |
| | | import { gaodeSearch } from '/@/api/gaode' |
| | | import { SearchOutlined, PlusOutlined, MinusOutlined } from '@ant-design/icons-vue' |
| | | import { useMyStore } from '/@/store' |
| | | import { requireImg } from '/@/utils/common' |
| | | import * as Cesium from 'cesium' |
| | | type result = { |
| | | label: string, |
| | |
| | | } |
| | | } |
| | | const searchLocation = _.debounce(search, 500) |
| | | const { flyTo, addPoint, removeById, switchModel, dimension, zoonIn, zoonOut, roadPattern, patternMap } = cesiumOperation() |
| | | const { flyTo, addPoint, removeById, switchModel, dimension, zoonIn, zoonOut, roadPattern, patternMap, loadGeoJson } = cesiumOperation() |
| | | const enter = (e: string) => { |
| | | removeById('key') |
| | | const filterItem = resultList.value.find(v => v.value === e) |
| | |
| | | store.commit('SET_MAP_SETTING_MODE', type) |
| | | patternMap() |
| | | } |
| | | const loadBgImg = computed(() => { |
| | | if (store.state.common.mapSetting.mode === 0) { |
| | | return `url(${requireImg('icons/stand.png')}) no-repeat center` |
| | | } else { |
| | | return `url(${requireImg('icons/satellite-icon.png')}) no-repeat center` |
| | | } |
| | | }) |
| | | const roadChange = (e:any) => { |
| | | if (mapSetting.value.mode === 0) return |
| | | store.commit('SET_MAP_SETTING_ROAD_LINE', e.target.checked) |
| | |
| | | roadPattern(false) |
| | | } |
| | | } |
| | | const checked = ref(true) |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | .cesium { |
| | | position: relative; |
| | | :deep(.cesium-viewer-bottom) { |
| | | display: none !important; |
| | | } |