使用 Google Place Near By 包教程

阅读时长 3 分钟读完

本教程讲解如何使用 npm 包 google-place-near-by 来获取用户附近的位置信息,以及如何解析获取到的数据。本教程需要读者熟练掌握 JavaScript 和 Node.js 的基础知识。

安装和使用

首先,在命令行中使用下面的命令来安装 google-place-near-by 包:

接着,在你的 JavaScript 代码中,引入该包:

然后,使用该包中的 getPlacesNearby() 方法来获取用户附近的地点信息:

-- -------------------- ---- -------
-----------------------------------
  ---- ----------
  ---- -----------
  ------- -----
  -------- ---------
  ------- -------------
--
  -------------- -- -
    --------------------
    -- --------
  --
  -------------- -- -
    -------------------
  ---
展开代码

在上述代码中,getPlacesNearby() 方法接受一个对象作为参数,该对象包含了以下键值对:

  • latlng:分别是用户的纬度和经度信息;
  • radius:指定搜索半径的大小,单位是米;
  • keyword:指定关键词,进行搜索;
  • rankby:指定搜索排序方式,可选的值有 prominencedistance

方法 getPlacesNearby() 返回一个 Promise 对象,该对象的解析值是从 Google Places API 中获取到的 JSON 格式的数据。可以将获取到的数据传入第三方 JSON 解析库进行解析,例如 JSON.parse()

解析数据

获取到的 JSON 格式的数据,包含多个地点信息。每个地点信息包含了以下数据:

  • name:地点名称;
  • vicinity:地点地址;
  • geometry.location:该地点的纬度和经度信息;
  • types:该地点的类型,例如餐馆、咖啡厅等;
  • rating:该地点的评分(如果有的话)。

以下是解析获取到的数据,提取每个地点的名称、地址、维度、经度和类型的示例代码:

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

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

--------------------
展开代码

学习和指导意义

通过学习本教程,读者可以学习如何使用 npm 包 google-place-near-by 来获取用户附近位置信息,并且掌握如何解析获取到的数据。本教程还介绍了如何使用 Google Places API 的关键参数,以及如何将获取到的 JSON 格式数据传递给第三方库进行解析。

同时,本教程还提醒读者,当使用 Google Places API 进行开发时,需要遵循 API 的使用规则,并尽可能保护用户隐私。

因此,本教程不仅仅是一篇详细的使用教程,还包含了一定的学习和指导意义。

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