提示框(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
名称 | 描述 | 定义 |
---|