Skip to content

提示框(MapTooltip)

示例

示例源码
vue
<template>
  <div style="height: 400px" class="vw-full vh-full">
    <mb-map :zoom="14">
      <mb-tianditu-layer />
      <mb-map-tooltip>
        <template #default="{ coordinates, pixel }">
          <div
            v-if="pixel.x && pixel.y"
            style="padding: 4px; background-color: black; color: white"
          >
            position: {{ coordinates }} / {{ pixel }}
          </div>
        </template>
      </mb-map-tooltip>
    </mb-map>
  </div>
</template>
<script setup lang="ts"></script>

API

PROPS

名称描述类型默认值

EVENTS

名称描述参数
created地图初始化完成事件-

SLOTS

名称描述
default默认插槽,参数为: { coordinates, pixel },鼠标经纬度位置以及鼠标屏幕像素位置

METHODS

名称描述定义