MapboxTerrain

启用三维地形，基于 raster-dem 数据源并以 exaggeration 控制夸张程度。

简介

MapboxTerrain 调用 setTerrain 启用三维地形：source 缺省用 Mapbox 官方 terrain-dem-v1，exaggeration 控制夸张程度。倾斜视角下起伏最明显。

用法

调整 exaggeration 查看珠峰一带的地形起伏：

exaggeration

<script setup lang="ts">
withDefaults(defineProps<{ exaggeration?: number }>(), {
  exaggeration: 1.5
})
</script>

<template>
  <div class="h-115 w-full overflow-hidden rounded-(--ui-radius) border border-default">
    <MapboxMap
      :options="{
        style: 'mapbox://styles/mapbox/satellite-streets-v12',
        center: [86.925, 27.989],
        zoom: 12,
        pitch: 76,
        bearing: 40
      }"
    >
      <MapboxTerrain :exaggeration="exaggeration" />
    </MapboxMap>
  </div>
</template>

API

Props

Prop	Default	Type
`exaggeration`	`1`	`number` 地形夸张系数
`sourceId`	`'movk-terrain-dem'`	`string` DEM source id
`source`		`mapboxgl.RasterDEMSourceSpecification` DEM 数据源，缺省用 Mapbox 官方 terrain-dem-v1 https://docs.mapbox.com/style-spec/reference/sources/#raster-dem

Changelog

No recent changes

MapboxLights

设置地图 3D 光照（环境光 / 平行光 / 平面光），照亮 3D 建筑与地形。

MapboxTemperature

把温度采样点按属性渲染为热力层，支持权重范围、半径与配色断点。