使用Google的地点自动补全功能

一、前言

在进行海外开发时候需要使用google地图，这里对其中的地点自动补全功能开发进行记录。这里着重于代码开发，对于key的申请和配置不予记录。

二、基础配置

app文件夹下面的build.gradle

plugins {// ...id 'com.google.android.libraries.mapsplatform.secrets-gradle-plugin'
}
implementation 'com.google.android.libraries.places:places:3.0.0'

项目根目录build.gradle

buildscript {dependencies {classpath "com.google.android.libraries.mapsplatform.secrets-gradle-plugin:secrets-gradle-plugin:2.0.1"}
}

在项目级目录中打开 secrets.properties，然后添加以下代码。将 YOUR_API_KEY 替换为您的 API 密钥

MAPS_API_KEY=YOUR_API_KEY

在 AndroidManifest.xml 文件中，定位到 com.google.android.geo.API_KEY 并按如下所示更新 android:value attribute：

<meta-dataandroid:name="com.google.android.geo.API_KEY"android:value="${MAPS_API_KEY}" />

在Application中初始化

// Initialize the SDKPlaces.initialize(getApplicationContext(), apiKey);// Create a new PlacesClient instance//在实际使用的时候调用，初始化时候可以不用这个PlacesClient placesClient = Places.createClient(this);

三、产品需求

这里需要实现一个在搜索框中输入内容，然后将结果展示出来的功能。如果有内容展示内容，如果没有内容显示空UI，网络错误显示错误UI。删除内容后，将搜索结果的UI隐藏，展示另外一种UI。点击搜索结果获取地理位置的经纬度

四、编码如下

程序由Fragment、ViewModel、xml组成。为了节约文章内容，只给出核心代码，布局文件不再给出
SearchViewModel.kt

class SearchViewModel: ViewModel(){val predictions = MutableLiveData<MutableList<AutocompletePrediction>>()val placeLiveData = MutableLiveData<Place>()val errorLiveData = MutableLiveData<ApiException>()private val cancelTokenSource = CancellationTokenSource()private var placesClient: PlacesClient ?= nullprivate val TAG = "SearchViewModel"enum class QueryState{LOADING,EMPTY,NET_ERROR,SUCCESS}
fun createPlaceClient(context: Context){try {placesClient = Places.createClient(context)}catch (e: Exception){}}private var token: AutocompleteSessionToken ?= nullfun searchCity(query: String){//参考代码: https://developers.google.com/android/reference/com/google/android/gms/tasks/CancellationToken//参考代码: https://developers.google.com/maps/documentation/places/android-sdk/place-details?hl=zh-cn//参考代码: https://developers.google.com/maps/documentation/places/android-sdk/reference/com/google/android/libraries/places/api/net/PlacesClient//ApiException: https://developers.google.com/android/reference/com/google/android/gms/common/api/ApiExceptionif(null == placesClient){errorLiveData.postValue(ApiException(Status.RESULT_INTERNAL_ERROR))return}token = AutocompleteSessionToken.newInstance()val request =FindAutocompletePredictionsRequest.builder().setTypesFilter(listOf(PlaceTypes.CITIES)).setSessionToken(token).setCancellationToken(cancelTokenSource.token).setQuery(query).build()placesClient?.findAutocompletePredictions(request)?.addOnSuccessListener { response: FindAutocompletePredictionsResponse ->
//                for (prediction in response.autocompletePredictions) {
//                    Log.i(TAG, prediction.placeId)
//                    Log.i(TAG, prediction.getPrimaryText(null).toString())
//                }predictions.postValue(response.autocompletePredictions.toMutableList())}?.addOnFailureListener { exception: Exception? ->if (exception is ApiException) {
//                    Log.e(TAG, "Place not found:code--> ${exception.statusCode}-->message:${exception.message}")exception?.let {errorLiveData.postValue(it)}}else{errorLiveData.postValue(ApiException(Status.RESULT_INTERNAL_ERROR))}}}//搜索城市详情fun requestCityDetails(position: Int){if(null == placesClient){errorLiveData.postValue(ApiException(Status.RESULT_INTERNAL_ERROR))return}val prediction = predictions.value?.get(position)if(null == prediction){errorLiveData.postValue(ApiException(Status.RESULT_INTERNAL_ERROR))return}val placeId = prediction.placeIdval placeFields = listOf(Place.Field.LAT_LNG, Place.Field.NAME)val request = FetchPlaceRequest.builder(placeId, placeFields).setCancellationToken(cancelTokenSource.token).setSessionToken(token).build()placesClient?.fetchPlace(request)?.addOnSuccessListener { response: FetchPlaceResponse ->val place = response.place
//                Log.i(TAG, "Place found: ${place.name}-->latitude:${place.latLng?.latitude}--->longitude:${place.latLng?.longitude}")placeLiveData.postValue(place)}?.addOnFailureListener { exception: Exception ->if (exception is ApiException) {
//                    Log.e(TAG, "Place not found: ${exception.message}")exception?.let {errorLiveData.postValue(it)}}else{errorLiveData.postValue(ApiException(Status.RESULT_INTERNAL_ERROR))}}}fun cancelQuery(){cancelTokenSource.cancel()}override fun onCleared() {super.onCleared()cancelQuery()}
}

SearchFragment.kt

class SearchFragment: Fragment(){
private val searchCityResultAdapter = SearchCityResultAdapter()private val textWatch = CustomTextWatch()private val handler = object : Handler(Looper.getMainLooper()){override fun handleMessage(msg: Message) {super.handleMessage(msg)when(msg.what){customEditActionListener.msgAction -> {val actionContent = msg.obj as? CharSequence ?: returnval query = actionContent.toString()if(TextUtils.isEmpty(query)){return}switchSearchUi(true)viewModel.searchCity(query)}textWatch.msgAction -> {val actionContent = msg.obj as? Editableif (TextUtils.isEmpty(actionContent)){switchSearchUi(false)viewModel.cancelQuery()}}}}}private fun initRecycleView(){....searchCityResultAdapter.setOnItemClickListener { _, _, position ->viewModel.requestCityDetails(position)switchSearchUi(false)}}
private fun initListener(){customEditActionListener.bindHandler(handler)binding.etSearchInput.setOnEditorActionListener(customEditActionListener)textWatch.bindHandler(handler)binding.etSearchInput.addTextChangedListener(textWatch)....}private fun switchSearchUi(isShowSearchUi: Boolean){if (isShowSearchUi){searchStateUi(RecommendViewModel.QueryState.LOADING)binding.nsvRecommend.visibility = View.GONE}else{binding.layoutSearchResult.root.visibility = View.GONEbinding.nsvRecommend.visibility = View.VISIBLE}}
private fun initObserver() {
...
viewModel.predictions.observe(this){if (it.isEmpty()){searchStateUi(RecommendViewModel.QueryState.EMPTY)}else{searchStateUi(RecommendViewModel.QueryState.SUCCESS)searchCityResultAdapter.setNewInstance(it)}}viewModel.placeLiveData.observe(this){addCity(it)}viewModel.errorLiveData.observe(this){AddCityFailedUtils.trackLocationFailure("search",it.message.toString())Log.i("TAG", it.message ?: "")if(it.status == Status.RESULT_TIMEOUT){searchStateUi(RecommendViewModel.QueryState.NET_ERROR)}else{searchStateUi(RecommendViewModel.QueryState.EMPTY)}}...
}//查询结果状态private fun searchStateUi(state: RecommendViewModel.QueryState){val searchResultBinding = binding.layoutSearchResultsearchResultBinding.root.visibility = View.VISIBLEwhen(state){RecommendViewModel.QueryState.LOADING -> {searchResultBinding.lottieLoading.visibility = View.VISIBLEsearchResultBinding.rvSearchResult.visibility = View.GONEsearchResultBinding.ivError.visibility = View.GONE}RecommendViewModel.QueryState.EMPTY -> {searchResultBinding.ivError.setImageResource(R.drawable.no_positioning)searchResultBinding.lottieLoading.visibility = View.GONEsearchResultBinding.rvSearchResult.visibility = View.GONEsearchResultBinding.ivError.visibility = View.VISIBLE}RecommendViewModel.QueryState.NET_ERROR -> {searchResultBinding.ivError.setImageResource(R.drawable.no_network)searchResultBinding.lottieLoading.visibility = View.GONEsearchResultBinding.rvSearchResult.visibility = View.GONEsearchResultBinding.ivError.visibility = View.VISIBLE}RecommendViewModel.QueryState.SUCCESS -> {searchResultBinding.lottieLoading.visibility = View.VISIBLEsearchResultBinding.rvSearchResult.visibility = View.GONEsearchResultBinding.ivError.visibility = View.GONE}else -> {}}}override fun onDestroy() {super.onDestroy()binding.etSearchInput.removeTextChangedListener(textWatch)handler.removeCallbacksAndMessages(null)}inner class CustomEditTextActionListener: TextView.OnEditorActionListener{private var mHandler: Handler ?= nullval msgAction = 10fun bindHandler(handler: Handler){mHandler = handler}override fun onEditorAction(v: TextView, actionId: Int, event: KeyEvent?): Boolean {if(actionId == EditorInfo.IME_ACTION_SEARCH){hiddenImme(v)val message = Message.obtain()message.what = msgActionmessage.obj = v.textmHandler?.sendMessage(message)return true}return false}private fun hiddenImme(view: View){//隐藏软键盘val imm = view.context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManagerif (imm.isActive) {imm.hideSoftInputFromWindow(view.applicationWindowToken, 0)}}}inner class CustomTextWatch: TextWatcher{private var mHandler: Handler ?= nullval msgAction = 11fun bindHandler(handler: Handler){mHandler = handler}override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {}override fun afterTextChanged(s: Editable?) {val message = Message.obtain()message.what = msgActionmessage.obj = smHandler?.sendMessage(message)}}
}

四、参考链接

  1. Place Sdk for Android:
  2. CancellationToken
  3. PlacesClient
  4. ApiException
  5. place-details

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/119195.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

数据挖掘和大数据的区别

数据挖掘和大数据的区别

数据挖掘 一般用于对企业内部系统的数据库进行筛选、整合和分析。 操作对象是数据仓库&#xff0c;数据相对有规律&#xff0c;数据量较少。 大数据 一般指对互联网中杂乱无章的数据进行筛选、整合和分析。 操作对象一般是互联网的数据&#xff0c;数据无规律&#xff0c;…
阅读更多...
“淘宝” 开放平台接口设计思路|开放平台接口接入流程教程

“淘宝” 开放平台接口设计思路|开放平台接口接入流程教程

最近对接的开放平台有点多&#xff0c;像淘宝、京东、快手、抖音等电商平台的开放平台基本对接了个遍&#xff0c;什么是CRUD BODY也许就是这样的吧&#xff01;&#xff01;&#xff01; 虽然对接各大开放平台没啥技术含量&#xff0c;但咱也得学点东西不是&#xff0c;不能白…
阅读更多...
使用canvas实现时间轴上滑块的各种常用操作（仅供参考）

使用canvas实现时间轴上滑块的各种常用操作（仅供参考）

一、简介 使用canvas&#xff0c;模拟绘制时间轴区域&#xff0c;有时间刻度标尺&#xff0c;时间轴区域上会有多行&#xff0c;每行都有一个滑块。 1、时间刻度标尺可以拖动&#xff0c;会自动对齐整数点秒数&#xff0c;最小步数为0.1秒。 2、滑块可以自由拖动&#xff0c…
阅读更多...
VR全景拍摄市场需求有多大？适用于哪些行业？

VR全景拍摄市场需求有多大？适用于哪些行业？

随着VR全景技术的成熟&#xff0c;越来越多的商家开始借助VR全景来宣传推广自己的店铺&#xff0c;特别是5G时代的到来&#xff0c;VR全景逐渐被应用在我们的日常生活中的各个方面&#xff0c;VR全景拍摄的市场需求也正在逐步加大。 通过VR全景技术将线下商家的实景“搬到线上”…
阅读更多...
RTE2023大会来袭，声网宣布首创广播级4K超高清实时互动体验

RTE2023大会来袭，声网宣布首创广播级4K超高清实时互动体验

10月24日&#xff0c;由声网和RTE开发者社区联合主办的RTE2023第九届实时互联网大会在北京举办&#xff0c;声网与众多RTE领域技术专家、产品精英、创业者、开发者一起&#xff0c;共同开启了以“智能高清”为主题的全新探讨。本届RTE大会将持续2天&#xff0c;开展1场主论坛及…
阅读更多...
vm_flutter

vm_flutter

附件地址 https://buuoj.cn/match/matches/195/challenges#vm_flutter 可以在buu下载到。 flutter我也不会&#xff0c;只是这个题目加密算法全部在java层&#xff0c;其实就是一个异或和相加。 反编译 package k;import java.util.Stack;/* loaded from: classes.dex */ pu…
阅读更多...
Jupyter Notebook修改默认浏览器方法

Jupyter Notebook修改默认浏览器方法

Jupyter Notebook修改默认浏览器方法 Create a Jupyter Notebook Config file jupyter notebook --generate-config打开配置文件.jupyter/jupyter_notebook_config.py找到c.NotebookApp.browser 改成只向自己喜欢的浏览器路径’&#xff0c;这里给出选择google浏览器方法&…
阅读更多...
vue3 setup写法点击跳转页面

vue3 setup写法点击跳转页面

1、push跳转 1.1、params传参&#xff0c;动态传参&#xff0c;数据会显示在地址栏中&#xff0c;且刷新页面不会消失 router.push({name: "MarineSpecialAddOrUpdate", //跳转的组件名字params: { //参数id: id,activeNames: "composition"}}) 1.2、qu…
阅读更多...
Python基础入门例程12-NP12 格式化输出（二）

Python基础入门例程12-NP12 格式化输出（二）

目录 描述 输入描述&#xff1a; 输出描述&#xff1a; 示例1 解答&#xff1a; 说明&#xff1a; 描述 牛牛、牛妹和牛可乐都是Nowcoder的用户&#xff0c;某天Nowcoder的管理员希望将他们的用户名以某种格式进行显示&#xff0c; 现在给定他们三个当中的某一个名字name…
阅读更多...
淘宝API接口获取商品信息，订单管理，库存管理，数据分析

淘宝API接口获取商品信息，订单管理，库存管理，数据分析

在淘宝开放平台中&#xff0c;每个API接口都有相应的文档说明和授权机制&#xff0c;以确保数据的安全性和可靠性。开发者可以根据自己的需求选择相应的API接口&#xff0c;并根据文档说明进行调用和使用。 淘宝开放平台API接口是一套REST方式的开放应用程序编程接口&…
阅读更多...
web自动化测试——跨平台设备管理方案Selenium Grid

web自动化测试——跨平台设备管理方案Selenium Grid

跨平台设备管理方案Selenium Grid 一、Selenium Grid简介二、使用场景场景一&#xff1a; 实现分布式执行测试&#xff0c;提高执行效率场景二&#xff1a; 解决浏览器兼容性问题新特性 三、Selenium Grid4原理分析四、环境安装五、运行方式&#xff1a;单机运行 - 独立模式1. …
阅读更多...
uni-app：引用文件的方法

uni-app：引用文件的方法

绝对定位 ①import common from "/utils/common.js" ②import common from "utils/common.js" <template><view></view> </template> <script>import common from "/utils/common.js"export default {data() {ret…
阅读更多...
HarmonyOS 音频开发指导：使用 OpenSL ES 开发音频播放功能

HarmonyOS 音频开发指导：使用 OpenSL ES 开发音频播放功能

OpenSL ES 全称为 Open Sound Library for Embedded Systems&#xff0c;是一个嵌入式、跨平台、免费的音频处理库。为嵌入式移动多媒体设备上的应用开发者提供标准化、高性能、低延迟的 API。HarmonyOS 的 Native API 基于Khronos Group开发的OpenSL ES 1.0.1 API 规范实现&am…
阅读更多...
从零开始配置Java开发环境

从零开始配置Java开发环境

从零开始配置Java开发环境 准备工作&#xff1a;qq、office、Typora、Acrobat DC、jdk8 第一步&#xff1a;安装jdk8,配置系统环境变量 JAVA_HOME E:\environment\Java\jdk1.8.0_281 Path %JAVA_HOME%\bin CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar 大…
阅读更多...
uniapp--点击上传图片到oss再保存数据给后端接口

uniapp--点击上传图片到oss再保存数据给后端接口

项目采用uniapp与uview2.0组件库 --1.0的也可以参考一下&#xff0c;大差不差 一、项目要求与样式图 点击上传n张图片到oss&#xff0c;然后点击提交给后端 二、思路 1、打开上传按钮&#xff0c;弹出框内出现上传图片和提交按钮 2、点击上传图片区域&#xff0c;打开本地图…
阅读更多...
面试题 03.04. 动物收容所

面试题 03.04. 动物收容所

​​题目来源&#xff1a; leetcode题目&#xff0c;网址&#xff1a;面试题 03.06. 动物收容所 - 力扣&#xff08;LeetCode&#xff09; 解题思路&#xff1a; 使用两个队列分别记录猫狗信息。 收容&#xff1a;记录该动物是猫还是狗后&#xff0c;将猫狗标志修改为收容时间…
阅读更多...
一、【Photoshop如何根据不同类型图像抠图】

一、【Photoshop如何根据不同类型图像抠图】

文章目录 前言图形结构1、规则图形2、不规则图形 图形颜色1、轮廓清晰2、颜色分明 前言 当我们有抠图需求的时候&#xff0c;不要一开始就想着我怎么去把它抠出来&#xff0c;首先应该分析图形的特点&#xff0c;然后再去选取合适的工具&#xff0c;这样才可以做到事半功倍&am…
阅读更多...
OpenWRT软路由web界面如何远程访问？

OpenWRT软路由web界面如何远程访问？

文章目录 1.openWRT安装cpolar2.配置远程访问地址3.固定公网地址 简单几步实现在公网环境下远程访问openWRT web 管理界面&#xff0c;使用cpolar内网穿透创建安全隧道映射openWRT web 界面面板443端口&#xff0c;无需公网IP&#xff0c;无需设置路由器。 1.openWRT安装cpola…
阅读更多...
JSX基础语法

JSX基础语法

文章目录 认识JSX语法JSX是什么为什么Rect选择了JSXJSX书写规范JSX注释编写 JSX的基本使用JSX的事件绑定this绑定问题参数传递问题 JSX的条件渲染常见的条件渲染方式 JSX的列表渲染JSX的原理和本质JSX的本质虚拟DOM的创建过程 案例练习 认识JSX语法 // 1. 定义根组件 const el…
阅读更多...
RK3568-适配at24c04模块

RK3568-适配at24c04模块

将at24c04模块连接到开发板i2c2总线上 i2ctool查看i2c2总线上都有哪些设备 UU表示设备地址的从设备被驱动占用，卸载对应的驱动后，UU就会变成从设备地址。at24c04模块设备地址 0x50和0x51是at24c04模块i2c芯片的设备地址。这个从芯片手册上也可以得知。A0 A1 A2表示的是模块对…
阅读更多...
最新文章

Copyright @ 2022~2023