介绍
nativescript-plugin-google-places 是一个适用于后端和移动端的 npm 包,用于从 Google Places API 中获取地点详情和预测结果。该插件使你能够以代码方式浏览所有地图内容,包括位置、详细信息和评价。
如果你正在开发一个移动应用程序,并需要获取地图上的信息,那么这个插件是你必须要学习的工具之一。
安装
首先,在你的项目中使用以下命令安装该插件:
npm install nativescript-plugin-google-places --save
用法
添加插件
安装插件后,在你的 TypeScript 或 JavaScript 文件中添加以下代码:
import {GooglePlacesAutocomplete} from "nativescript-plugin-google-places/autocomplete";
在你的代码中使用插件
初始化 GooglePlacesAutocomplete 并调用桥接方法,以从 Google Places API 中获取位置数据。下面是如何进行一系列操作:
import {GooglePlacesAutocomplete} from "nativescript-plugin-google-places/autocomplete"; let ac = new GooglePlacesAutocomplete(); ac.getPlacePredictions("San Franc", (result)=>{ console.log(JSON.stringify(result)); });
因为这个服务需要先获得 Google Places API 的 API key,你可能需要先在 Google Cloud Console 中进行一些配置。
可配置的参数
let ac = new GooglePlacesAutocomplete(); ac.apiKey = "YOUR_API_KEY"; //必须 ac.sensor = true; ac.componentRestrictions = { country: 'fr' }; //限制结果在特定国家/地区 ac.language = "en"; //语言 ac.location = {latitude: 0, longitude: 0}; //用于基于用户位置偏移的预测 ac.radius = 50000; //预测半径(米) ac.types = "establishment"; //默认所有场所类型
结果
如果一切顺利的话,你应该看到类似于以下内容的结果:
-- -------------------- ---- ------- - -------------- ---- ---------- --- ----- ----- ------------------------------ --------------------- - - --------- -- --------- - - -- ----------- ------------------------------ ------------ ---------------------------------------------------------------------------------------------------------------------------------------------------- -------- - - --------- -- -------- ---- ---------- -- - --------- --- -------- ---- -- - --------- --- -------- ----- - -- -------- - ----------- ------------ --------- - -
完整的示例代码
-- -------------------- ---- ------- ------ ----------- ---- ---------------- ------ -------------------------- ---- ------------------------------------------------- ------------ --------- --------- --------- - ------------- ------ ------------------------- -------------- - -- ------ ----- ------------ - -------- ------- -------------- --- -- - --- --------------------------- --------- - --------------- --------------------------- ------- ----------- ------------ - -------------------------- --- - -
总结
nativescript-plugin-google-places 让你的项目不再依赖于传统的地图控件。它能够自动补全表单,针对特定类型进行预测,甚至自定义预测半径。欢迎在应用程序中使用这个插件,以便提高应用程序的地图数据读取能力。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562a281e8991b448dfd1f