Skip to content

usePoint

通过该 hooks 可获取一个地图实例点 (BMapGL.Point)。

ts
import { usePoint } from 'vue3-baidu-map-gl'

用法

ts
const { point, set } = usePoint()

TIP

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

参数

返回值

返回值描述类型
pointBMapGL.Point 实例对象,默认为 null,调用 set 方法后才可用BMapGL.Point
set设置实例点坐标方法,需要在Map组件initd事件触发后才可调用({ lng: number; lat: number }) => void

代码示例

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

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

  const { point, set } = usePoint()

  function handleInitd() {
    set({
      lng: 116.297611,
      lat: 40.047363
    })
  }
</script>

TS 类型定义参考

ts
import { Ref } from 'vue'
import { Point } from '../utils'
/**
 * 地图经纬度点
 */
export declare type Point = {
  lng: number
  lat: number
}
/**
 * 获取一个地图经纬度点实例
 */
export declare function usePoint(): {
  /**
   * BMapGL.Point 实例对象
   */
  point: Ref<BMapGL.Point | null>
  /**
   * 设置实例点坐标
   */
  set: ({ lng, lat }: Point) => void
}

Released under the MIT License.