比例尺控件(ScaleControl)
比例尺组件,用于显示图上距离和实际距离的比值
示例
示例源码
vue
<template>
<div style="height: 400px" class="vw-full vh-full">
<mb-map>
<mb-tianditu-layer />
<mb-scale-control :mamb-width="88" position="top-right" />
</mb-map>
</div>
</template>
<script setup lang="ts"></script>
API
PROPS
名称 | 描述 | 类型 | 默认值 |
---|---|---|---|
position | 控件所处位置 | string('top-left' , 'top-right' , 'bottom-left' ,'bottom-right') | top-right |
max-width | ScaleControl控件的最大长度,以像素为单位 | number | 100 |
unit | 单位 | string('imperial' , 'metric' , 'nautical') | metric |
EVENTS
名称 | 描述 | 参数 |
---|---|---|
created | 地图初始化完成事件 | - |
SLOTS
名称 | 描述 |
---|
METHODS
名称 | 描述 | 定义 |
---|