Skip to content

窗户建筑物(WindowBuildingLayer)

示例

示例源码
vue
<template>
  <div class="map-container" style="background-color: black">
    <mb-map :zoom="14.5" :center="[116.17381, 39.92155464]" :pitch="60">
      <mb-window-building-layer
        :data="__RESOURCE_URL__ + 'json/building.geojson'"
        :get-fill-color="[28, 57, 85]"
        :data-transform="(d) => d.features"
        :get-polygon="(d) => d.geometry.coordinates[0]"
        :get-elevation="(d) => d.properties.Floor"
        :elevation-scale="50"
      />
    </mb-map>
  </div>
</template>

<script setup lang="ts"></script>

API

PROPS

名称描述类型默认值
id图层Idstring-
get-elevation-number / AnyNumberFunc1000
get-fill-color-number[] / AnyFunc[0, 125, 125]
get-polygon-AnyFunc-
elevation-scale-number1
data图层源数据string / IndexAny / AnyArr / Promise<any>''
show是否显示booleantrue
opacity透明度number1
pickable图层是否会响应鼠标事件,若为false,则组件不会emit鼠标相关事件booleanfalse
auto-highlight本属性为true且pickable为true时,则会将鼠标悬浮选中的对象设为高亮booleanfalse
highlight-color要与高亮对象原始颜色进行混合(blend)的颜色值string / number[][255, 255, 128, 1]
highlighted-object-index高亮元素序号number-1
on-data-load-AnyFunc-
data-transform-AnyFunc-
transitions-IndexAny{}

EVENTS

名称描述参数

SLOTS

名称描述

METHODS

名称描述定义