TempLayer

Example

Example Source Code

<template>
  <div class="map-container black">
    <mb-map :pitch="60" :zoom="2" :mamb-zoom="4">
      <mb-temp-layer
        :image="__RESOURCE_URL__ + 'wind/tmp.png'"
        :min="-21.32"
        :max="26.8"
        :range="[360, 170]"
        :origin="[0, 85]"
        :resolution="0.25"
        :opacity="0.8"
      />
    </mb-map>
  </div>
</template>

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

API

PROPS

Name	Description	Type	Default
id	Layer ID	string	-
image	URL of the image	string	-
max	Maximum value (used for color mapping/scaling)	number	-
min	Minimum value (used for color mapping/scaling)	number	-
origin	Origin of the image (e.g., [x, y] coordinates)	number[]	-
range	Value range (e.g., [min, max])	number[]	-
resolution	Resolution of the image (e.g., pixels per unit)	number	-
ramp-colors	Color ramp for visualization	IndexAny	{ 0.0: "#6fb9e6", 0.1: "#8ac4e6", 0.2: "#abdda4", 0.3: "#e6f598", 0.4: "#fee08b", 0.5: "#fdae61", 0.6: "#f46d43", 1.0: "#d53e4f" }
opacity	Opacity (0-1)	number	0.8
visible	Visibility	boolean	true

EVENTS

Name	Description	Parameters
created	Initialization complete event	-

SLOTS

Name	Description

METHODS

Name	Description	Definition