"name": "Mapbox Terrain-DEM tileset v1", "sources": { "mapbox-terrain-dem": { "type": "raster", "url": "mapbox://mapbox.mapbox-terrain-dem-v1" } }, "layers": [ { "id": "mapbox-terrain-dem-layer", "source": "mapbox-terrain-dem", ...
概述 mapboxGL2中比较大的一个更新就是加入了Terrain,可以实现三维的立体效果,本文书接上文“mapboxGL2离线化应用”,说说Terrain的离线化应用。 效果 实现分析 打开官方例子,F12打开调试工具; 在网络请求里面查找terrain-dem,接口及返回数据格式如下: 根据上面返回的数据,我们不难理解每个字段的含义,这里面核心的: ...
本示例的目的是介绍演示如何在vue+mapbox中加载image图像文件。栅格 DEM 源。 仅支持 Mapbox Terrain-DEM,您可以将 Terrain-DEM 用于各种视觉和分析应用程序,从样式化地形坡度和山体阴影到为视频游戏生成 3D 地形网格。 直接复制下面的 vue+mapbox源代码,操作2分钟即可运行实现效果 示例效果 配置方式 示例源代码(共...
once('style.load', function () { // 添加DEM数据源 map.addSource('mapbox-dem', { type: 'raster-dem', url: 'mapbox://mapbox.mapbox-terrain-dem-v1', tileSize: 512, maxzoom: 14 }); // 设置地形效果 map.setTerrain({ source: 'mapbox-dem', exaggeration: 1.5 // 地形夸张系数 }...
可以通过两种方式使用dem2terrain:一种是下载源代码,直接使用源代码;一种是全局安装dem2terrain使用。 源码使用 通过源码的方式使用需要先下载源码,再将当前目录定位至工程根目录,然后运行如下命令: npm install && npm link 依赖使用 运行npm i dem2terrain -g全局添加依赖,便可使用dem2terrain进行地形切片了。
map.addSource('mapbox-dem', { type: 'raster-dem', url: 'mapbox://mapbox.terrain-rgb', tileSize: 512, // maxzoom: 16, }); this.map.setTerrain({ source: 'mapbox-dem', exaggeration: 2.5 }); this.map.showTerrainWireframe = false; this.map.showTileBoundaries = true; map.add...
Terrain-RGB 用 3 个 byte 通过 rgb 三通道来表示高程, 比原来的灰度 tiff 要小很多 将灰度数据转换为RGB 数据 高度计算公式: height = -10000 + ((R * 256 * 256 + G * 256 + B) * 0.1) 因此设置ribify的参数base value的参数为-10000, interval 为0.1,继续输入以下命令: ...
简介:通过dem2terrain生成MapboxGL地形服务 概述 MapboxGL在2的版本之后通过地形服务开始支持三维的展示了,之前也有文章“mapboxGL2中Terrain的离线化应用”对该服务进行过说明与分析。前些天在翻公众号的时候翻到了dem2terrain可以生成地形服务,同时做了一些优化,今天就给大家分享一下如何使用dem2terrain生成MapboxGL...
raster-dem:栅格化的数字高程模型(相比 raster 多了一个属性 encoding) "sources":{ "raster-dem-source": { "type": "raster-dem", // 类型(必填) "url": "mapbox://mapbox.terrain-rgb" // TileJSON 的请求地址(可选) "tiles": [ // 用于指定一个或多个切片数据源的请求地址(可选,和 TileJSON...
constelevation=map.queryTerrainElevation(coordinate); See theQuery terrain elevation along a lineexample: Use the Raster Tiles API To access elevation data encoded in Terrain-RGB tiles like those contained in theMapbox Terrain-RGBandMapbox Terrain-DEMtilesets, you can use the Raster Tiles API...