VRasterDemSource

VRasterDemSource 一个栅格数字高程模型源。仅支持 Mapbox Terrain-DEM

• 样式规范

基础用法

raster-dem-source.vue

<script lang="ts" setup>
import type { MapboxProps } from '@movk-repo/mapbox'
import { VMapbox, VRasterDemSource } from '@movk-repo/mapbox'

const accessToken = import.meta.env.VITE_MAPBOX_ACCESS_TOKEN
const options: MapboxProps['defaultOptions'] = {
  zoom: 14.825702275151006,
  center: [117.12206556841079, 36.214026931112954],
  pitch: 80.50000000000004,
  bearing: -32.80000000000081,
}
</script>

<template>
  <VMapbox type="standard-satellite" :access-token="accessToken" :default-options="options">
    <VRasterDemSource url="https://api.maptiler.com/tiles/terrain-rgb-v2/tiles.json?key=TZQfCHT4fegJBA7AJ5oE" />
  </VMapbox>
</template>

隐藏源代码

Api

rasterDemSourceProps

属性名	说明	类型	默认值
url	服务的URL	string	mapbox://mapbox.mapbox-terrain-dem-v1
tiles	源数组	array	-
tileSize	瓦片大小	number	256
exaggeration	地形夸张高度 0-1000	number,arrary	1
bounds	四至边界范围	array	[-180, -85.051129, 180, 85.051129]
encoding	源的数据编码	enum	mapbox
minzoom	最小缩放级别	number	0
maxzoom	最大缩放级别	number	22
attribution	源的名称	string	-
volatile	是否缓存瓦片	boolean	false
terrain	是否用于地形	boolean	true
defaultOptions	默认配置项（覆盖同名属性）	object	-

提示

Raster DEM source 'other:raster-dem-terrain' is used both for terrain and as layer source. This leads to lower resolution of hillshade. For full hillshade resolution but higher memory consumption, define another raster DEM source.

当同一个 DEM 数据源既用于 3D 地形又用作 阴影图 的图层数据源时，为了优化资源使用，会降低分辨率以管理内存和性能，这种折中方案会影响阴影图的视觉质量。

所以该源如果不是用于地形，请将 terrain 设置为 false。

rasterDemSourceEmits

事件名	说明	回调参数
load	源加载完成后触发	Function

类型定义

RasterDemSourceLoadEvent

sources/RasterDemSource/RasterDemSource.ts

export interface RasterDemSourceLoadEvent {
  source: RasterDemTileSource
  map: Map
}