npm 包 geo-identify-position-format 使用教程

阅读时长 5 分钟读完

当我们在开发地理位置相关的应用时,需要将经纬度坐标转换成更加易读的地址或者反向地理编码。npm 包 geo-identify-position-format 提供了一个简单易用的方案来解决这个问题。

安装

你可以通过 npm 安装 geo-identify-position-format:

然后在你的代码中引入并使用它:

API

geo-identify-position-format 提供了两个 API:

1. reverseGeo(location, language, apiKey)

参数:

  • location (Object): 一个包含 latlng 属性的对象, 分别代表纬度和经度。
  • language (String, optional): 返回语言,默认为 'en'。
  • apiKey (String, optional): Google API Key ,默认为空。

返回:

  • Promise: 返回一个 Promise,成功后会返回一个包含地理编码信息的对象。

2. geo(address, language, apiKey)

参数:

  • address (String): 地址信息。
  • language (String, optional): 返回语言,默认为 'en'。
  • apiKey (String, optional): Google API Key ,默认为空。

返回:

  • Promise: 返回一个 Promise,成功后会返回一个包含经纬度坐标信息的对象。

使用示例

地理编码

实现将一个地址转换成经纬度坐标:

-- -------------------- ---- -------
----- ----------- - ----------------------------------------

-- --
----- ------- - ----- ------------ -------- -------- ----- ----

------------------------
  ------------ -- --------------------
  ------------ -- --------------------
--
-
  ---- -----------
  ---- ------------
-
--

添加 Google API Key:

-- -------------------- ---- -------
----- ----------- - ----------------------------------------

-- --
----- ------- - ----- ------------ -------- -------- ----- ----

-- ------ --- ---
----- ------ - ---------------

------------------------ ----- -------
  ------------ -- --------------------
  ------------ -- --------------------
--
-
  ---- -----------
  ---- ------------
-
--

反向地理编码

实现将一个经纬度坐标转换成易读的地址:

-- -------------------- ---- -------
----- ----------- - ----------------------------------------

-- -----
----- -------- - -
  ---- -----------
  ---- ------------
--

--------------------------------
  ------------ -- --------------------
  ------------ -- --------------------
--
-
  ------------- -------
  ------- ------------- ------
  ----- --------- ------
  ------ -----
  ----------- --------
  -------- ------- --------
  ------------ -----
  ----------------- ----- ------------ ----- -------- ----- -- ------ ----
-
--

添加语言选项:

-- -------------------- ---- -------
----- ----------- - ----------------------------------------

-- -----
----- -------- - -
  ---- -----------
  ---- ------------
--

-- ----
----- -------- - --------

-------------------------------- ---------
  ------------ -- --------------------
  ------------ -- --------------------
--
-
  ------------- -------
  ------- ------------- ------
  ----- --------- ------
  ------ -----
  ----------- --------
  -------- -----
  ------------ -----
  ----------------- ----- ------------ ----- -------- ----- -- ------ ---
-
--

结论

在前端地理位置相关的应用中,通过 npm 包 geo-identify-position-format 可以快速方便的实现反向地理编码或者地理编码功能。它提供了简单易用的 API,并且支持多种语言,你可以根据实际需求选择使用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5ef29fb68c4ce90ee4ca3b56

纠错
反馈