usePointGeocoder ^0.0.39

由坐标点解析地址信息

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

单个坐标点解析

使用坐标点对象作为 get 方法参数解析单个坐标点

TIP

在 Ts 中使用批量解析坐标点时，使用泛型 PointGeocoderResult 内部可推断 result 为可推断为 PointGeocoderResult，从而避免读取值时 ts 的报错。

import { usePointGeocoder, PointGeocoderResult } from 'vue3-baidu-map-gl'
const { result } = usePointGeocoder<PointGeocoderResult>()

批量解析坐标点

使用坐标点对象数组作为 get 方法参数批量解析坐标点

TIP

在 Ts 中使用批量解析坐标点时，使用泛型 PointGeocoderResult[] 内部可推断 result 为可推断为 PointGeocoderResult[]，从而避免遍历时 ts 的报错。

import { usePointGeocoder, PointGeocoderResult } from 'vue3-baidu-map-gl'
const { result } = usePointGeocoder<PointGeocoderResult[]>()

用法

const { get, result, isLoading, isEmpty } = usePointGeocoder(options, cal)

TIP

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

参数

参数	描述	类型	默认值
options	解析配置	UsePointGeocoderOptions	-
cal	定位成功后的回调函数	(result: Ref<PointGeocoderResult | PointGeocoderResult[] | null>) => void	-

UsePointGeocoderOptions

属性	描述	类型
poiRadius	附近 POI 所处于的最大半径，默认为 100 米	number
numPois	返回的 POI 点个数，默认为 10 个。取值范围	number

返回值

返回值	描述	类型
isLoading	是否在获取中	boolean
isEmpty	是否有解析结果	boolean
result	坐标点解析结果	Ref<PointGeocoderResult | PointGeocoderResult[] | null>
get	获取坐标点信息方法，需要在Map组件initd事件触发后才可调用	(point: Point | Point[]) => void]

Point

type Point = { lng: number; lat: number }

PointGeocoderResult

属性	描述	类型
point	坐标点	boolean
string	地址描述	string
AddressComponent	结构化的地址描述	AddressComponent
surroundingPois	附近的 POI 点	LocalResultPoi
business	商圈字段，代表此点所属的商圈	string

AddressComponent

属性	描述	类型
streetNumber	门牌号码	string
street	街道名称	string
district	区县名称	string
city	城市名称	string
province	省份名称	string

LocalResultPoi

属性	描述	类型
title	结果的名称标题	string
point	该结果所在的地理位置	point
url	在百度地图中展示该结果点的详情信息链接	string
address	地址（根据数据部分提供）。注：当结果点类型为公交站或地铁站时，地址信息为经过该站点的所有车次	string
city	所在城市	string
phoneNumber	电话，根据数据部分提供	string
postcode	邮政编码，根据数据部分提供	string
type	类型，根据数据部分提供	PoiType
uid	地点 id	string
tags	POI 的标签，如商务大厦、餐馆等。	string[]

PoiType

值	描述
0	一般位置点
1	公交车站位置点
3	地铁车站位置点

TS 类型定义参考

import { Ref } from 'vue'
import { Point } from 'vue3-baidu-map-gl'
export interface PointGeocoderResult {
  /**
   * 坐标点
   */
  point: Point
  /**
   * 地址描述
   */
  address: string
  /**
   * 结构化的地址描述
   */
  addressComponents: {
    city: string
    district: string
    province: string
    street: string
    streetNumber: string
  }
  /**
   * 附近的POI点
   */
  surroundingPois: Array<BMapGL.LocalResultPoi>
  /**
   * 商圈字段，代表此点所属的商圈
   */
  business: string
}
/**
 * 由地址解析坐标点
 */
export declare function usePointGeocoder<
  T extends PointGeocoderResult | PointGeocoderResult[] = PointGeocoderResult | PointGeocoderResult[]
>(
  options?: BMapGL.LocationOptions | null,
  cal?: (point: Ref<T>) => void
): {
  get: (point: T extends PointGeocoderResult ? Point : Point[]) => void
  result: Ref<T | null | undefined>
  isLoading: Ref<boolean>
  isEmpty: Ref<boolean>
}