GIS开发:mapbox中简单模型

简介: GIS开发:mapbox中简单模型

mapbox中能像高德地图或者百度地图,在放大到一定程度,显示一些简单模型,并且可以贴一些贴图,达到一个平面的立体三维效果。
在mapbox的示例中,展示了如何加载一些立体模型的效果,这个数据是用的mapbox上的在线切片数据。
https://docs.mapbox.com/mapbox-gl-js/example/3d-buildings/

通过在网上下载建筑物轮廓的数据,也能够实现加载这种模型的效果,一种方式时,将数据转换成geojson的格式,直接进行加载,这种的缺点是在数据量很大的时候,系统性能消耗也很大,另一种就是切片成vector tile进行加载,就像地图切片一样,按照缩放的范围进行加载;这种立体建筑物的效果,需要在数据中,有一个高度的字段,或者也可以设置成一个统一的高度。
代码是加载图层的方法,关键是设置'type': 'fill-extrusion', 'fill-extrusion-height': [ 和 'fill-extrusion-base' 三个属性,通过base和height的设置,也能够达到一种悬浮在空中的效果,具体的实现方法参见官方样例。
image.png
不过,按照目前类库的实现,建筑的边线并不能设置,所以并不能显示出一种边框式的效果。

相关文章
|
JavaScript
Threejs实现标签,自定义样式显示标签
Threejs实现标签,自定义样式显示标签
2355 0
Threejs实现标签,自定义样式显示标签
|
存储 Java 文件存储
|
前端开发 JavaScript
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
424 4
|
存储 安全 算法
对象存储服务-Minio
对象存储服务(Object Storage Service,OSS)是一种海量、安全、低成本、高可靠的云存储服务,适合存放任意类型的文件。容量和处理能力弹性扩展,多种存储类型供选择,全面优化存储成本。
2253 1
|
安全 网络安全
华为防火墙原来是这样应对多个运营商接入互联网的,涨知识了
华为防火墙原来是这样应对多个运营商接入互联网的,涨知识了
1783 0
|
6月前
|
人工智能 自然语言处理 安全
OpenClaw怎么用?2026年OpenClaw(Clawdbot)部署完整新手手册
2026年,OpenClaw(前身为Clawdbot、Moltbot)凭借其强大的自然语言交互、任务自动化执行及多工具集成能力,迅速成为个人与轻量团队打造专属智能助手的热门选择。这款开源AI代理工具区别于普通聊天机器人,核心优势在于“可落地的执行能力”,能深度适配办公、开发、协作等多场景需求,实现文件处理、邮件管理、代码辅助、任务规划等多元化自动化操作。2026年,针对OpenClaw的云端部署方案持续优化,通过预置专属应用模板与完整依赖环境,实现“一键部署、开箱即用”,大幅降低了零基础用户的部署门槛。本手册基于官方部署逻辑与实操经验,详细拆解部署全流程、前置准备、核心配置及常见问题排查,确保
911 0
|
Ubuntu 开发工具 git
Ubuntu编译ffmpeg解决错误:ERROR: avisynth/avisynth_c.h not found
通过本文的详细指导,您可以顺利地在Ubuntu系统上配置和编译FFmpeg,并解决Avisynth头文件缺失的问题。
756 27
|
JavaScript 开发者
vue解决报错Unable to preventDefault inside passive event listener invocation.
vue解决报错Unable to preventDefault inside passive event listener invocation.
2815 0
|
存储 消息中间件 NoSQL
Redis从入门到精通之底层数据类型Stream详解和使用示例
Redis Stream的底层数据结构还涉及到基数树和listpacks,这些结构使得Redis Stream具有高效的空间和时间复杂度,同时允许通过ID进行随机访问。 基数树是一种高效的数据结构,用于存储有序数据集合。在Redis Stream中,消息ID有序集合就是基于基数树实现的。基数树可以快速定位一个元素在有序集合中的位置,以及在有序集合中查找一段范围内的元素。 listpack是一种紧凑的、可扩展的、有序的、二进制数据结构,用于存储多个元素。在Redis Stream中,消息哈希表就是基于listpack实现的。listpack可以高效地存储多个元素,同时支持快速的元素访问插入。
2423 121
Redis从入门到精通之底层数据类型Stream详解和使用示例