coordinate-range-picker(地图选点)

一、安装

pnpm install @keyblade/coordinate-range-picker

二、使用

1.全局注册

import CoordinateRangePicker from '@keyblade/coordinate-range-picker'

// 全局注册是属性可以不写在单个组件中，除非是要覆盖全局属性
app.use(CoordinateRangePicker, {
  loadOptions: { key: '' }
})

2.组件注册

<template>
  <CoordinateRangePicker
    v-model:visible="visible"
    :load-options="{ key: 'b30f5d81902aaebd3bc450b0d2115eb7' }"
  />
</template>

<script setup lang="ts">
import CoordinateRangePicker from '@keyblade/coordinate-range-picker'

const visible = ref<boolean>(false)
</script>