nativescript-plugin-google-places 的使用教程

阅读时长 5 分钟读完

介绍

nativescript-plugin-google-places 是一个适用于后端和移动端的 npm 包,用于从 Google Places API 中获取地点详情和预测结果。该插件使你能够以代码方式浏览所有地图内容,包括位置、详细信息和评价。

如果你正在开发一个移动应用程序,并需要获取地图上的信息,那么这个插件是你必须要学习的工具之一。

安装

首先,在你的项目中使用以下命令安装该插件:

用法

添加插件

安装插件后,在你的 TypeScript 或 JavaScript 文件中添加以下代码:

在你的代码中使用插件

初始化 GooglePlacesAutocomplete 并调用桥接方法,以从 Google Places API 中获取位置数据。下面是如何进行一系列操作:

因为这个服务需要先获得 Google Places API 的 API key,你可能需要先在 Google Cloud Console 中进行一些配置。

可配置的参数

结果

如果一切顺利的话,你应该看到类似于以下内容的结果:

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

完整的示例代码

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

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

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

总结

nativescript-plugin-google-places 让你的项目不再依赖于传统的地图控件。它能够自动补全表单,针对特定类型进行预测,甚至自定义预测半径。欢迎在应用程序中使用这个插件,以便提高应用程序的地图数据读取能力。

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

纠错
反馈