google-places-api 相关问题

Google Places API是一种服务,可返回有关地点的信息 - 在此API中定义为机构,地理位置或重要的兴趣点。放置请求将位置指定为纬度/经度坐标。 Google Places API可用作网络服务(HTTP请求),Google Maps API v3的JavaScript库,Android API(在Google Play服务中)和iOS库(Google Maps for iOS SDK的一部分)。

从 Google Maps Places API 中删除占位符文本

我正在使用 Google Maps Places API 自动完成功能在页面上提供位置自动完成功能,类似于:https://developers.google.com/maps/documentation/javascript/examples/places-

回答 6 投票 0

Google Places api 不返回某些地方的邮政编码

我有一个可以收集用户位置信息的表单。我正在使用 Google Places api 自动完成位置信息。效果很好。然而一切都填写得很好......

回答 3 投票 0

Google Places API - 下载用户评论和星级评级

TL;DR - 我需要帮助使用 Google Places API 下载多个商店的星级评定和用户评论,但我太笨了,不知道我应该做什么。请帮忙! 为了...的生活

回答 1 投票 0

有没有办法设置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 的输入标签正确运行是绝对必要的)。抱歉,我真的很忙,现在无法发布良好的可复制片段。

回答 4 投票 0

Google 地图如何获取某个组织的所有地址?

有没有一个API可以获取所有组织的地址,该组织在多个城市甚至其他国家都有办事处?通过使用 GoogleMaps API 库 我是

回答 0 投票 0

GooglePlacesAutocomplete 无法在 android 的反应本机 apk 文件中工作

我在我的 React Native 项目中实现了 Google Places API,我正在尝试使用 GooglePlacesAutocomplete 查询地点搜索,但对于 Android,它仅在使用 expo 进行测试时以及当我...

回答 1 投票 0

限制使用地点自动完成的范围

我正在尝试限制 use-places-autocomplete 的范围,如下所示 请求选项:{ 类型:[“地理编码”], 字段:[ “姓名”, “地址_组件...

回答 2 投票 0

在部署时将位置偏差参数与 google 地图 api 放置 web-api 一起使用时出现意外结果,结果不在建议半径内

我正在尝试使用Google Maps API,特别是在我的网络应用程序中放置web-api,以便用户可以按名称搜索并在地图上向他们显示结果。 当我在本地测试我的应用程序时,那就是

回答 1 投票 0

查找特定地址或坐标中的兴趣点

我愿意找到特定地址内所有现有的兴趣点。 我尝试使用 Google Places API,但每当我输入地址时,它都会返回“Street_addr...

回答 1 投票 0

Flutter Google 地点自动填充仅适用于地区和子地区

我想通过 Google Places API 获取仅针对地区和次地区的建议,仅此而已。 我阅读了 Google Places 网站上的文档,看来这很重要......

回答 1 投票 0

如何在 Google 地图上获取所有加油站的坐标?

我正在为大学最后一年的项目开发一个汽油价格比较应用程序(如果您住在英国/美国,则类似于 GasBuddy 或 PetrolPrices)。我想创建一个 Android 应用程序...

回答 1 投票 0

使用 Google Places API 获取超过 20 个结果

我想开发一个地图应用程序,它将显示给定地点附近的银行。 我使用 Places 库进行搜索,每次只返回 20 个结果。如果我想要更多资源,我该怎么办...

回答 7 投票 0

为 iOS 模拟器构建,但链接到为 iOS 构建的目标文件

在我将 Google Places 集成到我的应用程序中之前,我在模拟器上运行它没有问题,但现在我只能在物理设备上运行我的应用程序。我尝试排除 arm64,就像许多 ans 中所建议的那样......

回答 5 投票 0

了解/控制 Google Places API 返回地点预测的顺序

我有一个示例页面,可根据搜索的位置返回机场。我们这样做是因为我们希望在我们正在构建的自定义搜索中获取城市的 IATA 代码。 我遇到的问题是...

回答 1 投票 0

使用 google-places-api 的简单 html 页面出现 ApiNotActivatedMapError

我正在尝试创建一个简单的 html 页面(我稍后想在其中添加自动完成输入),其中包含 google-places-api。 我有一个 api 密钥(已启用),但我仍然收到错误消息。 哈...

回答 7 投票 0

获取城市中所有路口的列表

获取主要城市所有十字路口列表的最佳来源和方式是什么?

回答 3 投票 0

如何使用 Java 发送 Google Places 搜索请求

我需要按经/纬度搜索 Goolge Places 页面以查找 20m 区域内的任何银行。 这个 Google Places Doc 描述了如何使用 JavaScript 来实现这一点。他们正在使用我想要的 google.maps.LatLng 对象...

回答 4 投票 0

places_changed 未触发

我正在尝试通过 getPlaces 函数获得第一个位置。但是,由于某种原因,我的 place_changed 没有触发。 注意:地点包含伦敦、曼什等地点的名称...

回答 1 投票 0

新的 Google 为每个会话自动完成查询

会话令牌 一个随机字符串,用于标识用于计费目的的自动完成会话。 当用户开始输入查询时会话开始,当用户选择地点和日历时会话结束...

回答 1 投票 0

Google 地点自动填充类型,排除国家和大陆

我正在尝试实现谷歌地点自动完成功能来发布帖子。我想允许用户在他们的帖子中添加一个位置。我正在使用react-google-autocomplet。 我希望用户能够定位...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.