天地图2021版正式发布,清晰程度非常了得

天地图介绍

 天地图是国家地理信息公共服务平台(https://www.tianditu.gov.cn/),包括公众版、政务版、涉密版三个版本,“天地图”就是公众版成果,是由国家测绘局主导建设的为公众、企业提供权威、可信、统一地理信息服务的大型互联网地理信息服务网站,旨在使测绘成果更好地服务大众。

  “天地图”装载了覆盖全球的地理信息数据,这些数据以矢量、影像、三维3种模式全方位、多角度展现,可漫游、能缩放。“天地图”中中国数据尤为详尽,覆盖范围从宏观中国全境到微观具体县市乃至乡镇、村庄,数据内容包括不同详细程度的交通、水系、境界、政区、居民地、地名、不同分辨率的地表影像以及三维地形等。

  “天地图”容纳了覆盖全球范围的1:100万矢量数据和500米分辨率卫星遥感影像,覆盖全国范围的1:25万公众版地图数据、导航电子地图数据、15米分辨率卫星遥感影像以及2.5米分辨率卫星遥感影像,覆盖全国300多个地级以上城市的0.6米分辨率卫星遥感影像等地理信息数据,它覆盖了从中国全境到乡镇、村庄,覆盖全国300多个地级以上城市的0.6米分辨率卫星遥感影像等地理信息数据,包括不同详细程度的交通、水系、境界、政区、居民地、地名、不同分辨率的地表影像以及三维地形等。

它是目前中国区域内数据资源较全的地理信息服务网站。

天地图平台架构

在设计思路上,“天地图”把全国地理信息资源整合为逻辑上集中、物理上分散的“一体化”数据体系,实现了测绘部门

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
对于这个问题,可以通过动态设置下拉框选项的 `disabled` 属性来实现。具体步骤如下: 1. 在 Vue 的 `data` 中定义一个数组,用来存储所有选项的状态(是否已选,是否可选)。数组中的每个元素都是一个对象,包含 `value`、`label`、`disabled` 三个属性。 ```javascript data() { return { options: [ { value: 'option1', label: '选项1', disabled: false, selected: false }, { value: 'option2', label: '选项2', disabled: false, selected: false }, { value: 'option3', label: '选项3', disabled: false, selected: false }, { value: 'option4', label: '选项4', disabled: false, selected: false }, ], tableData: [ { selectedOptions: [], ... }, { selectedOptions: [], ... }, { selectedOptions: [], ... }, ] } } ``` 2. 在多选下拉框的模板中,使用 `v-for` 循环渲染选项。在每个选项的 `el-option` 标签中,根据选项的状态动态设置 `disabled` 属性和 `selected` 属性。 ```html <el-select v-model="row.selectedOptions" multiple> <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value" :disabled="option.disabled" :selected="option.selected">{{ option.label }}</el-option> </el-select> ``` 3. 在 `change` 事件中监听选项的选择情况,根据已选选项的情况动态设置其他选项的 `disabled` 属性。 ```javascript methods: { handleOptionSelect(row) { // 获取已选选项的值 let selectedValues = row.selectedOptions; // 遍历所有选项,设置已选选项的 disabled 属性为 true,未选选项的 disabled 属性为 false for (let option of this.options) { if (selectedValues.includes(option.value)) { option.disabled = true; option.selected = true; } else { option.disabled = false; option.selected = false; } } } } ``` 4. 在删除按钮的点击事件中,将被删除选项的状态重置,以便后续可以重新选择。 ```javascript methods: { handleDelete(row) { // 获取被删除选项的值 let deletedValues = row.selectedOptions; // 遍历所有选项,将被删除选项的 disabled 属性重置为 false for (let option of this.options) { if (deletedValues.includes(option.value)) { option.disabled = false; option.selected = false; } } // 从表格数据中删除当前行 this.tableData.splice(this.tableData.indexOf(row), 1); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值