useAreaBoundary

通过该 hooks 可获取行政区域的边界。

import { useAreaBoundary } from 'vue3-baidu-map-gl'

示例

用法

const { isLoading, boundaries, get } = useAreaBoundary(cal)

TIP

该 hooks 依赖于 BMapGL ，所以需要在 Map 组件初始化完毕调用 get 方法后数据才可用

参数

参数	描述	类型	默认值
cal	获取行政区域成功后的回调函数	(boundaries: string[]) => void	-

返回值

返回值	描述	类型
isLoading	是否加载中	boolean
boundaries	区域边界数据，默认为空数组，get方法调用后才可用	Ref<string[]>
get	获取指定区域边界方法	({string}) => void

代码示例

<Map @initd="handleInitd"></Map>

<script setup lang="ts">
  import { useAreaBoundary } from 'vue3-baidu-map-gl'

  const { isLoading, boundaries, get } = useAreaBoundary()

  function handleInitd() {
    get('北京市')
  }
</script>

TS 类型定义参考

import { Ref } from 'vue'
export declare type AreaBoundary = string[]
/**
 * 获取地图区域边界
 * @param cal 获取成功后的回调函数
 * @returns { isLoading, boundaries, get }
 */
export declare function useAreaBoundary(cal?: (boundaries: Ref<AreaBoundary>) => void): {
  /**
   * 是否加载中
   */
  isLoading: Ref<boolean>
  /**
   * 区域边界数据
   */
  boundaries: Ref<string[]>
  /**
   * 获取指定区域边界
   * @param {string} area 区域名
   * @example get('北京市')
   */
  get: (area: string) => void
}