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
Rspack 创建 vue2/3 项目接入 antdv(rspack.config.js 配置 less 主题)
Rspack 创建 vue2/3 项目接入 antdv(rspack.config.js 配置 less 主题)
448 0
|
2月前
|
Linux 虚拟化 iOS开发
VMware Remote Console 13.0.0 for macOS, Linux, Windows - vSphere 虚拟机控制台的桌面客户端
VMware Remote Console 13.0.0 for macOS, Linux, Windows - vSphere 虚拟机控制台的桌面客户端
632 0
VMware Remote Console 13.0.0 for macOS, Linux, Windows - vSphere 虚拟机控制台的桌面客户端
|
数据可视化 大数据 定位技术
GIS:开源webgl大数据地图类库整理
GIS:开源webgl大数据地图类库整理
441 0
|
关系型数据库 Serverless 定位技术
PostgreSQL GIS函数判断两条线有交点的函数是什么?
PostgreSQL GIS函数判断两条线有交点的函数是什么?
805 60
|
10月前
|
消息中间件 前端开发 Java
【国产化软件】接口开放平台:Java+Swagger+Vue3,适配移动端
本文档介绍了基于Java的开放平台技术栈及使用流程,涵盖从注册开发者账号、创建应用、申请令牌到调用API接口的全过程。平台提供丰富的接口管理和统计功能,支持开发者在线维护个人资料和接口令牌,同时兼容移动设备访问和黑夜模式。技术栈方面,后端采用Spring Boot 3 + MySQL + Redis + RabbitMQ + Nacos,前端则基于Vue3 + TypeScript 5.x + Element Plus + UnoCSS。访问开放平台的地址为:http://java.test.yesapi.cn/platform/。
|
JSON 前端开发 数据格式
JSON.parse 数值类型精度丢失
JSON.parse 数值类型精度丢失
|
开发框架 JavaScript 前端开发
Angular 与 Ionic 简直太牛啦!双剑合璧构建高性能移动应用,开启跨平台开发新征程!
【8月更文挑战第31天】Angular是由Google维护的前端开发框架,使用TypeScript提供组件化开发、依赖注入等功能,适合构建复杂Web应用。Ionic则是基于Angular和Cordova的开源移动应用框架,提供丰富的UI组件以实现跨平台移动应用的快速构建。结合使用Angular与Ionic不仅能够显著提升开发速度并简化流程,还能够保证应用在iOS、Android及Web等多个平台上的良好运行,同时两者都有成熟的社区支持与资源可供利用。为了开始使用这两款工具,开发者需先安装Node.js和npm,接着利用Angular CLI和Ionic CLI创建项目并进行开发工作。
229 1
|
JSON 数据可视化 前端开发
地图可视化神器Kepler.gl 3.0终于来了!
地图可视化神器Kepler.gl 3.0终于来了!
552 2
|
Python Windows
Python中4种方法实现 xls 文件转 xlsx
【8月更文挑战第6天】以下是Python中将`xls`文件转换为`xlsx`格式的四种方法:1) 使用`pandas`库,通过读取和重新保存文件实现转换;2) 利用`openpyxl`库加载并复制工作簿内容;3) 结合`xlrd`与`xlwt`读取旧格式并写入新格式;4) 在Windows系统下,采用`win32com`自动化Excel应用完成转换。例如,可将`example.xls`文件转换为`converted.xlsx`。
1795 0
|
Java
敏感词过滤
布隆过滤器用来判断一个集合中的是否包含某一个元素,由于采用hash运算,有hash碰撞的原因,所以会存在误判。布隆过滤器判定一个元素存在的情况,这个元素可能不存在,但是判定一个元素不存在的时候,是一定不存在的。
389 0