Google Places API是一种服务,可返回有关地点的信息 - 在此API中定义为机构,地理位置或重要的兴趣点。放置请求将位置指定为纬度/经度坐标。 Google Places API可用作网络服务(HTTP请求),Google Maps API v3的JavaScript库,Android API(在Google Play服务中)和iOS库(Google Maps for iOS SDK的一部分)。
要求:项目:app > com.google.android.libraries.places:places:2.4.0
我正在尝试在我的应用程序中实现由 Google 提供支持的 PlaceAutoComplete。但我无法做到这一点...我已经在应用程序级 build.gradle 文件中实现了所需的依赖项并编写了 cod...
flutter google 地图附近搜索 api 类型“_Map<String, dynamic>”不是“String”类型的子类型
我正在使用 Google 新的附近搜索 API 生成我周围地点的标记列表,但收到此错误 类型“_Map”不是类型“String”的子类型 我是...
如何在从 Google api 位置获取照片时隐藏类元素中的 api
离子电容器和 React 适用于本机和 Web 应用程序 当我使用下面的代码从 google api 获取照片数据时。它工作得很好,但是当我在网站上检查时,我可以在照片 src 上看到我的 APIKEY 如何...
对于 Google 地方信息 2019 更新,无法在 setTypeFilter() 中使用两个 typeFilters
我已使用以下方式升级到新的 Google 地方信息: 'com.google.android.libraries.places:places:2.0.0' 我在我的布局中实现了 AutoCompleteSupportFragment,并且在该片段中...
Google Places API:某些国家/地区(法国 DOM-CROM)未在自动完成中列出
我正在寻找自动补全法国 DOM-CROM(海外行政部门和领土)的位置,但它们未在结果中列出。 这是我的配置: 变量选项= { 类型...
我正在尝试使用Google地方API来获取某些地方的信息。我有一个 来自谷歌搜索的示例: 这是我试图找到的。我认为 Plac 的“类型”字段......
在混合移动应用程序中使用 VueJ 实现 google 地点
我正在尝试在混合移动应用程序中使用 vue js 实现 Google 地点的搜索。搜索功能工作正常,但当我单击地点列表时,我无法选择任何一个
Places API 附近搜索行为,查询有时会返回不同的数据
当我多次点击相同的参数时,即使同时进行,结果有时也会有所不同。 获取 https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=51。
从 Google Maps Places API 中删除占位符文本
我正在使用 Google Maps Places API 自动完成功能在页面上提供位置自动完成功能,类似于:https://developers.google.com/maps/documentation/javascript/examples/places-
Google Places api 不返回某些地方的邮政编码
我有一个可以收集用户位置信息的表单。我正在使用 Google Places api 自动完成位置信息。效果很好。然而一切都填写得很好......
Google Places API - 下载用户评论和星级评级
TL;DR - 我需要帮助使用 Google Places API 下载多个商店的星级评定和用户评论,但我太笨了,不知道我应该做什么。请帮忙! 为了...的生活
有没有办法设置React Google Places AutoComplete的初始值?
使用这个库 - https://tintef.github.io/react-google-places-autocomplete/docs/ -我有 - 使用这个库 - https://tintef.github.io/react-google-places-autocomplete/docs/ -我有 - <GooglePlacesAutocomplete apiKey={'someKey'} autocompletionRequest={{ componentRestrictions: { country: ['uk'] } }} selectProps={{ value: address, onChange: (o) => { let placeId = o["value"]["place_id"]; setAddress(o); formik.setFieldValue("googlePlaceId", placeId); } }} /> 我需要传递什么作为“地址”的值才能有初始值? 我尝试过 {label: "some address", place_id: "ChIJNYiUp8ROeEgRikq4Ws76OpU"} 并传递使用实用程序 geocodeByPlaceId 返回的对象。到目前为止,前者的工作原理是在初始化时在输入字段中显示标签,但它似乎已损坏。例如,当我尝试使用退格键删除值时,我的 React 应用程序崩溃并在控制台中出现此错误 - Uncaught TypeError: Cannot read property 'place_id' of undefined at Object.getOptionValue (index.es.js:30) at cr (index.es.js:30) at eval (index.es.js:30) at Array.some (<anonymous>) at lr (index.es.js:30) at or (index.es.js:30) at eval (index.es.js:30) at Array.map (<anonymous>) at rr (index.es.js:30) at eval (index.es.js:30) 最好按照创建者建议的 React-Select 文档来实现这一点。 但为了实现你想做的事情,你需要 React State。 import { useState, useEffect } from "react"; import GooglePlacesAutocomplete from "react-google-places-autocomplete"; const Places = () => { const [data, setData] = useState(""); //our default data useEffect(() => { data === "" ? setData("") : setData(data.label); }, [data]); // updating our default data return ( <GooglePlacesAutocomplete apiKey={process.env.REACT_APP_MAP_API_KEY} autocompletionRequest={{ componentRestrictions: { country: ["ng"], //to set the specific country }, }} selectProps={{ defaultInputValue: data, //set default value onChange: setData, //save the value gotten from google placeholder: "Start Destination", styles: { input: (provided) => ({ ...provided, color: "#222222", }), option: (provided) => ({ ...provided, color: "#222222", }), singleValue: (provided) => ({ ...provided, color: "#222222", }), }, }} onLoadFailed={(error) => { console.log(error); }} /> ); }; export default Places; 我们使用 useEffect 来更新我们设置的默认值,前提是我们获得了实际值。如果我们没有获得实际价值,我们就不会保存它。 令人烦恼的是,这个库的文档引用了另一个库的文档,react-select。 这就是我的组件现在的样子 - <GooglePlacesAutocomplete apiKey={''} autocompletionRequest={{ componentRestrictions: { country: ['uk'] } }} selectProps={{ defaultInputValue: formik.status["addressLabel"], isClearable: true, value: address, onChange: (o) => { let placeId = ""; if(o){ placeId = o["value"]["place_id"]; } setAddress(o); formik.setFieldValue("googlePlaceId",placeId); } }} /> 所以在更高的组件中我有 - const [address, setAddress] = useState(); 默认初始值是这样设置的(使用formik)- <Formik initialValues={initialValues} validationSchema={validationSchema} // validationSchema={{}} onSubmit={(values, actions) => { actions.setSubmitting(false); submitHandler(values, actions) }} initialStatus={{ addressLabel: addressLabel }} > { formik => { return ( <Form formik={formik} {...formProps} /> ) } } </Formik> 如果您只想将地址设置为 googlePlacesinput 的文本。 你可以在这篇文章中看看我是如何做的...... https://stackoverflow.com/a/77081486/15315728 我解决了这样做: import { usePlacesWidget } from 'react-google-autocomplete' import TextField from '@mui/material/TextField'; const { ref, autocompleteRef } = usePlacesWidget({ apiKey: googleApiKey, options: { types: ['address'] }, onPlaceSelected: (place) => { console.log(place) const latitude = place.geometry.location.lat(); const longitude = place.geometry.location.lng(); console.log(latitude, longitude) setFormState(prevState => ({ ...prevState, location: place.formatted_address || "", lat: latitude, lng: longitude })); } }); useEffect(()=> { if (!isEditing && ref.current !=null) { const inputElement = ref.current as HTMLInputElement; if (initialForm?.location) { inputElement.value = initialForm?.location inputElement.click() } } }, [isEditing, ref]) 然后使用它 <TextField label="Location" inputRef={ref} disabled={!isEditing} > </TextField> isEditing和initialForm是从父组件到子组件设置的,基本上useEffect会查找ref和isEditing的变化,如果isEditing为false则有initialForm.location值,只需与HTMLInputElement(ref.current)交互设置该值并单击它(单击此处对于正确触发 MUI TextField 的输入标签正确运行是绝对必要的)。抱歉,我真的很忙,现在无法发布良好的可复制片段。
有没有一个API可以获取所有组织的地址,该组织在多个城市甚至其他国家都有办事处?通过使用 GoogleMaps API 库 我是
GooglePlacesAutocomplete 无法在 android 的反应本机 apk 文件中工作
我在我的 React Native 项目中实现了 Google Places API,我正在尝试使用 GooglePlacesAutocomplete 查询地点搜索,但对于 Android,它仅在使用 expo 进行测试时以及当我...
我正在尝试限制 use-places-autocomplete 的范围,如下所示 请求选项:{ 类型:[“地理编码”], 字段:[ “姓名”, “地址_组件...
在部署时将位置偏差参数与 google 地图 api 放置 web-api 一起使用时出现意外结果,结果不在建议半径内
我正在尝试使用Google Maps API,特别是在我的网络应用程序中放置web-api,以便用户可以按名称搜索并在地图上向他们显示结果。 当我在本地测试我的应用程序时,那就是
我愿意找到特定地址内所有现有的兴趣点。 我尝试使用 Google Places API,但每当我输入地址时,它都会返回“Street_addr...
Flutter Google 地点自动填充仅适用于地区和子地区
我想通过 Google Places API 获取仅针对地区和次地区的建议,仅此而已。 我阅读了 Google Places 网站上的文档,看来这很重要......
我正在为大学最后一年的项目开发一个汽油价格比较应用程序(如果您住在英国/美国,则类似于 GasBuddy 或 PetrolPrices)。我想创建一个 Android 应用程序...
使用 Google Places API 获取超过 20 个结果
我想开发一个地图应用程序,它将显示给定地点附近的银行。 我使用 Places 库进行搜索,每次只返回 20 个结果。如果我想要更多资源,我该怎么办...