PopupCommon - 自定义弹窗

选取不同的弹窗样式

基础用法

使用type定义弹窗样式

通用弹窗

<template>
  <div class="form-cus">
    <PopupCommon :map="map" :position="pos" :options="options">
      <div>自定义弹窗内容</div>
    </PopupCommon>
  </div>
</template>

<script setup lang="ts">
  let pos = { x: -2506632.39199, y: 4872596.18677, z: 3392043.84893};
  const options = {
    offset: { x: 50, y: -100 },
    maxHeight: 10000,
  }
</script>

属性参数

属性名	说明	类型	可选值	默认值	Required
map	影像地图	object	—	-	true
position	弹窗位置	object	—	-	true
type	弹窗样式	string	default/style1	'default'	false
options	弹窗属性，包括偏移量，最大可视距离	object	—	{ offset: { x: 0, y: 0 }, maxHeight: 1000000 }	false
title	弹窗标题，仅在 type=style1时生效	string	—	-	false

方法事件

事件名	说明	参数
@close-this	关闭按钮事件，仅在 type=style1时生效	-