MapboxTextureBuilding

纹理建筑，用户贴图作 fill-extrusion-pattern。

简介

MapboxTextureBuilding 基于官方样式的 composite/building 渲染 3D 建筑，并以 url 贴图作 fill-extrusion-pattern；opacity / minzoom 控制透明度与起始缩放。需倾斜视角且缩放 ≥ minzoom（默认 15）。

用法

以可平铺砖墙贴图覆盖楼体表面：

<template>
  <div class="h-115 w-full overflow-hidden rounded-(--ui-radius) border border-default">
    <MapboxMap
      :options="{
        style: 'mapbox://styles/mapbox/light-v11',
        center: [116.461, 39.909],
        zoom: 15.5,
        pitch: 60,
        bearing: -20
      }"
    >
      <!-- three.js 公开的可平铺砖墙贴图 -->
      <MapboxTextureBuilding url="https://threejs.org/examples/textures/brick_diffuse.jpg" />
    </MapboxMap>
  </div>
</template>

API

Props

Prop	Default	Type
`url`		`string` 贴图地址
`layerId`		`string` 图层 id；省略时自动生成
`opacity`	`1`	`number` 整体透明度
`minzoom`	`15`	`number` 最小缩放级别
`beforeId`		`string` 插入到该图层之前

Changelog

No recent changes

MapboxGradientBuilding

渐变建筑，按高度插值着色的 3D 建筑。

MapboxFog

设置地图的雾 / 大气效果，options 透传 mapbox fog 规格。