Google Places API Autocomplete，如何添加第二个地址
Google Places API Autocomplete是一项由Google提供的服务，它允许开发者在应用程序中实现地址自动完成功能。通过使用Google Places API Autocomplete，用户在输入地址时会得到实时的建议和补全选项，从而提高用户体验和准确性。
要添加第二个地址，可以按照以下步骤进行操作：
- 首先，确保你已经注册了Google Cloud账号，并且已经创建了一个项目。
- 在Google Cloud控制台中，打开你的项目，并在左侧导航栏中选择"API和服务"，然后点击"库"。
- 在库页面中，搜索"Places API"并选择"Google Places API"。
- 点击"启用"按钮来启用Google Places API。
- 在左侧导航栏中选择"凭据"，然后点击"创建凭据"按钮。
- 在创建凭据页面中，选择"API密钥"。
- 根据需要，可以限制API密钥的使用范围。例如，你可以限制API密钥只能在特定的IP地址或域名下使用。
- 创建API密钥后，将其保存好。你将在应用程序中使用该API密钥来进行Google Places API的调用。
- 在你的应用程序中，使用适当的编程语言和框架，调用Google Places API Autocomplete接口。
- 在API调用中，将第一个地址作为输入参数传递给Google Places API Autocomplete。
- 解析API的响应结果，获取建议和补全选项。
- 当用户选择第一个地址后，可以再次调用Google Places API Autocomplete接口，将第二个地址作为输入参数传递。
- 解析第二次API的响应结果，获取第二个地址的建议和补全选项。
通过以上步骤，你可以成功地添加第二个地址到你的应用程序中，并实现地址自动完成功能。
推荐的腾讯云相关产品：腾讯位置服务（Tencent Location Service），它提供了类似的地址自动完成功能，并且具有高精度定位、地理围栏、地理编码等功能。你可以通过以下链接了解更多信息：https://cloud.tencent.com/product/lbs
相关·内容
3回答
我在我网站上的地址输入上使用了Google Places API：
<input type="text" name="street[]" id="street1" autocomplete="none" />
但是一旦加载了Google Places，它就会用autocomplete=的“off”替换掉我的autocomplete="none“。问题是Google Chrome与"off“值不兼容，并保持显示自动填充建议。有没有办法解决这个问题？
谢谢！
浏览 13提问于2019-09-06得票数 3
我为我们的网站开发了代码，用户可以使用google自动完成位置字段，并使用lat长度计算出与google矩阵API之间的距离。
1-我的自动完成位置代码
<script>
var frm_ggl_dd = 1;
function initMap() {
var options = {
/*types: ['(cities)'],
regions:['(locality,sublocality,postal_code)'],*/
componentRestrictions: {country: "in"}
浏览 5提问于2016-12-20得票数 0
我的Vue CLI项目使用Google Maps API来处理来自用户输入的位置。加载程序按如下方式导入： import { Loader } from "@googlemaps/js-api-loader"; 并且，它是这样实例化的： const loader = new Loader({
apiKey: "XXXXX",
version: "weekly",
libraries: ["places"]
}); 我有一个文本输入元素，它接受来自用户的位置： <input type="text"
浏览 87提问于2021-04-11得票数 0
我对Google的Places很陌生。我试图让Django表单自动完成，但出于某种原因，只有一个字段(Street 2)将自动完成。剩下的只是空白。我的控制台不会出错，所以我真的不知道问题出在哪里。
另一件奇怪的事。。。这些输入保存了我从Django视图传递给表单的初始值，尽管google autocomplete javascript在尝试自动填充它们之前已经将它们设置为"“。这正常吗？
下面是HTML：
<div id="locationField">
<input id="autocomplete"
浏览 3提问于2016-02-13得票数 0
回答已采纳
当我试图点击搜索框中的位置时，我会收到一条带有感叹号的消息：
这是我的密码：
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<input id="searchTextField" type="text" size="50">
<script type="text/javascript">
浏览 1提问于2016-08-18得票数 1
回答已采纳
我是Google Map API的新手。我希望使用下拉列表，其中用户将键入位置，并相应地谷歌将给出建议。但问题是，我不希望谷歌给街道和地区的名称..我只想城市，州和国家的名称是autosuggested..My代码如下
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places&language=en-AU"></script>
<script>
浏览 6提问于2012-11-14得票数 3
我正在使用谷歌自动完成地点javascript返回我的搜索框建议的结果，我需要的是只显示城市和国家相关的字符输入，但谷歌api会给出很多我不需要的一般地点结果，所以如何限制结果只显示城市和国家。
我使用了下面的例子：
<html>
<head>
<style type="text/css">
body {
font-family: sans-serif;
font-size: 14px;
}
</style>
<title>Google Maps JavaScript
浏览 145提问于2011-11-27得票数 219
回答已采纳
2回答
当我写一些位置的时候，我试图自动地在文本字段中获取位置！但是它不起作用了，当我写东西的时候没有任何位置出现。
以下是代码：
<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Places Autocomplete</title>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&l
浏览 1提问于2015-11-04得票数 0
回答已采纳
1回答
我正在使用Google Maps Javascript API v3，并试图在用户单击标记时出现的InfoWindow中插入一个Places Autcomplete框。
我知道如何创建一个自动完成对象，也知道如何创建一个只接受文本输入的信息窗口，但我不知道如何将自动完成对象放入我的infowindow中。
这是我尝试过的，但在本例中，我希望自动补全框所在的位置只显示"Get directions from: object Object“。这是在InfoWindow内部。
Address是我的标记的地址，它工作正常。
下面是我的代码片段：
var autocomplete = n
浏览 49提问于2017-07-07得票数 1
1回答
我正在尝试使用Google Maps Autocomplete API，但它与地理编码器API之间存在一些差异，例如：
在自动完成API上，我试图搜索地址"Rua Tiradentes，1020，Ibirubá"，当我在列表上选择时，地址部分"street_number“没有出现，这是这个地址和其他地址的问题。
让我们尝试一下地理编码器API：
var geocoder = new google.maps.Geocoder();
geocoder.geocode({ 'address': 'Rua Tiradentes, 1020, Ibirub
浏览 0提问于2014-10-29得票数 2
谷歌地理编码api有。
admininstrativeArea，国家，地点，postalCode，路线
我能用这些东西中的任何一个按城市和城镇过滤吗？这样我就不会回到一个国家或国家？
有点像
this.geocoder = new google.maps.Geocoder();
this.geocoder.geocode({
address: this.registerForm.get('city').value,
componentRestrictions: {
country: 'US',
浏览 4提问于2019-07-21得票数 5
//For TextBox Search..............
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('txtFrom'));
google.maps.event.addListener(places, 'place_changed', function () {
浏览 0提问于2017-05-21得票数 3
我初始化google如下：
<script
type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places&types=cities"
></script>
在我的代码中，我引导服务如下：
const autocomplete = new window.google.maps.places.AutocompleteService();
autocomplete.
浏览 2提问于2019-12-03得票数 2
回答已采纳
这个问题涉及到上的一个变体，您可以从它获得一个带有演示API键的Fiddle。
问题是，在花了两个小时让它按照我想要的方式工作之后，我认为它现在工作得很好。当我输入一个我以前住的地址时，自动提示建议我的地址是，霍普金斯路82号，诺斯菲尔德，ct，然后当我点击我的城镇中填充的结果时，它是位于CT的Litchfield，它实际上是一个更大的城镇，一个镇，也是northfield所在的县的名字。谷歌显然知道诺斯菲尔德，虽然它是一个小镇，因为它显示了我想要的确切地址，但当我点击它，为什么它会显示荔枝菲尔德？如果我尝试其他城镇，等等，我不认为这种情况会发生。我想没有解决办法，因为当我试图更改：{type
浏览 0提问于2018-07-19得票数 0
我想在文本框中得到输入地址的LatLng。我正在使用谷歌地图api作为它。通过只编写新的google.maps.places.Autocomplete({})，我得到的无法读取未定义的的属性'places‘--这个错误。
下面是我的代码：
@ViewChild('addressText') addressText: any;
ngAfterViewInit() {
this.getPlaceAutocomplete();
}
getPlaceAutocomplete() {
const autoComplete = new google.maps.pl
浏览 0提问于2019-06-27得票数 0
1回答
使用google.maps.places.Autocomplete js库，我创建了一个自动完成的文本框来搜索位置。然而，似乎有些地方的排名低于他们应该得到的排名。例如，查询new york university将返回街道名称中包含单词new york university的街道。但是，查询new york university n (注意末尾的'n‘)将返回"New York University“位置。
代码：
var input = document.getElementById('locationSearchBox');
浏览 0提问于2020-01-25得票数 1
在我的项目中包含angular-google- places -autocomplete，用于places自动完成
bower install angular-google-places-autocomplete
在控制台中显示错误
Global `google` var missing. Did you forget to include the places API script?
遵循index.html中包含的以下脚本中包含的kuhnza/angular-google-places-autocomplete文档
<script src="https://maps.goog
浏览 1提问于2016-05-14得票数 2
我是C#的一名菜鸟，这是我的第一种编程语言，我目前正在学习“C#”一书。我已经开始了一个项目，使我整天在工作中所做的事情自动化。
如果可能的话，有人能推荐一个好的地方开始研究如何具体地做到这一点吗？我唯一能找到的资源是：
但他说，最终他无法让它发挥作用。它给了我一个如何去做它的想法，但我不知道他做错了什么。
我想实现一个下订单系统，用户需要做的第一件事就是输入客户名称和地址。
最后的游戏是获取地址，并将其与存储的地址数据库进行比较，如果post/邮政编码匹配，则加载帐户，如果没有使用地址详细信息创建新帐户。
能够使用微软( Microsoft )或谷歌( Google )的api，就可以避免
浏览 0提问于2018-04-27得票数 0
回答已采纳
如何在更改Google Maps自动完成字段的值后更改该字段的值？
我的最终愿望是只在这个字段中显示地址，并在单独的字段中显示城市、州等。
正如 (下面复制的脚本)所看到的那样，我更改了该值，但后来它又改回来了。
问了同样的问题，但它似乎不再起作用。也问了同样的问题，但没有足够的答案。
谢谢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Places search box</title>
浏览 5提问于2014-02-09得票数 9
我已经实现了谷歌地图的“地点搜索框”，这是相当好的工作，但有时地方是不确定的.
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAE0jVybaY4jzT3irMM9g8THf3qGF6V9xE&callback=initMap&libraries=places"
async defer></script>
搜索框：
function initMap() {
var defaultBounds = new google.maps.LatLngBounds
浏览 1提问于2017-01-31得票数 1
回答已采纳
我正在使用geolocation来获取我的google地图API上的地点地址，方法是查找经度和纬度，并将结果返回到我的页面，以便在我的数据库中使用。
我一直无法在地图的信息窗口中显示这些结果。
如何使用下面的代码将地址包含在我的信息窗口中。它当前使用以下代码显示long和lat：
infowindow.setContent('<div><strong>' + marker.getPosition()+ '</strong><br>');
infowindow.open(map, marker);
函数geocod
浏览 4提问于2012-01-11得票数 1
回答已采纳
"google已经发布了“
1.
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=GOOGLE API KEY0&libraries=places"></script>
<script>
function init() {
var options = {
types: ['(cities)'],
浏览 11提问于2020-09-06得票数 3
我正在尝试使用带有Google Places API的React Hooks来自动完成位置搜索，找到该位置的Google Place ID，然后使用该值更新我的组件状态。
我有了Google API，并且我能够获得Place ID，但是我不确定如何从我所在的函数更新我的状态
function onMapsLoad() {
// init autocomplete
const autocomplete = new window.google.maps.places.Autocomplete(document.getElementsByClassName('search')
浏览 11提问于2019-07-26得票数 0
回答已采纳
我正在尝试将google密钥传递到Django中的自定义js文件中，该函数用于AutoComplete google搜索，但目前它不起作用，如果我将实际密钥直接放入.getScript函数中，比如：
https://maps.googleapis.com/maps/api/js?key=XXX&libraries=places"
然后搜索函数可以工作，但是现在的设置也是为了隐藏api密钥，它不起作用，我显然遗漏了什么，欣赏任何想法吗？
django设置：
GOOGLE_API_KEY = "XXX"
base.html
<script src="{
浏览 7提问于2022-05-12得票数 0
回答已采纳
1回答
我在我的应用程序中使用的是棱角谷歌地图，但我不能将google.maps.places.PlaceResult作为代码中一个重要变量的类型。
我正在实现以下代码：(向下滚动以添加位置/位置搜索栏)
我正在地图上搜索一个地方，我得到了这个错误：
在此代码中：
ngOnInit() {
// Load places autocomplete
this.maps.load().then(() => {
this.setCurrentLocation();
this.geoCoder = new google.maps.geoCoder;
浏览 0提问于2019-06-18得票数 2
回答已采纳
我目前正在使用Google Place API升级我的网站，在我让它正常工作之前，我还有一个问题，我不明白为什么我会收到这个错误消息：Uncaught TypeError: Cannot read property 'value' of null。我已经读取了整个，甚至“扫描”了整个，但我的代码与他们的完全相同。
下面是我的代码：
var geocoder;
var map;
var myplace = '<?php echo str_replace(" ", "-", utf8_encode($_COOKIE["wrn-m
浏览 0提问于2012-04-15得票数 5
回答已采纳
在这行代码中，我得到了如下所示的错误。//autocomplete.ts .ts
import {Component, NgZone} from '@angular/core';
import {ViewController} from 'ionic-angular';
declare var google:any;
@Component({
templateUrl: 'autocomplete.html'
})
export class AutocompletePage {
autocompleteItems;
aut
浏览 0提问于2017-05-26得票数 0
我使用的是google.maps.places.Autocomplete object，并且总是得到乌克兰语的结果。
我正在装入这样的库
如何将参数传递给自动补全语言？
var autocomplete = new google.maps.places.Autocomplete($("#google_places_ac")[0], {});
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var plac
浏览 0提问于2015-01-25得票数 17
回答已采纳
将Google Places API Autocomplete与Vue/Vuetify一起使用时，如果API脚本无法授权，文本字段将被禁用，并且不允许在第一个字符之后进行进一步输入。 我如何才能使它在后台静默地失败，并允许输入文本？ 我知道有gm_authFailure()，Places API会在失败的情况下全局调用它，但我不确定如何允许函数在Vue中调用它。 JSFiddle：https://jsfiddle.net/wya72b0j/ HTML： <div id="app">
<v-app>
<v-container class
浏览 22提问于2020-09-17得票数 1
回答已采纳
这段代码显示的是自动完整的地址，但我想在地图上显示它们。
我想要添加谷歌地图到我的asp.net页面，从自动完成文本框中获取发件人和address。
请帮帮我。
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(document.getElementById('tx
浏览 3提问于2015-04-15得票数 0
回答已采纳
我想在google map api中找到附近的分区。
var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input, {
types: ["geocode"]
});
这将为文本框中键入的所有位置添加“自动完成”。我只想过滤出子区域，并在自动完成中获取附近的子区域。
检查工作版本
浏览 6提问于2015-10-30得票数 1
回答已采纳
1回答
嗨，我对你很陌生，现在我试着把
线编号:5
但是我遇到了像一样的错误
我试过像这样
<div xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="layout" layout:fragment="content">
<head>
<title>Google Address Loopup Test</title>
<script type="text/javasc
浏览 5提问于2013-11-22得票数 0
在我的注册表单中，我有一个字段，它要求用户输入他/她的地址和城市(自动完成)。
问题是，用户也可以在没有街道的情况下键入他/她的城市并提交表单。
有人有办法解决这个问题吗？
<script>
var input = document.getElementById('adres');
var autocomplete = new google.maps.places.Autocomplete(input,{componentRestrictions: {country:'be'}});
google.maps.event.addListen
浏览 4提问于2017-01-02得票数 0
回答已采纳
6回答
我正在为Google Maps API (level 3)实例化一个自动完成输入，如下所示：
var input = document.getElementById('szukanyAdres');
autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
如何在运行时打开和关闭自动完成功能？
浏览 6提问于2012-03-23得票数 11
回答已采纳
1回答
google只提供有压力号的建议
、、、、
我正在使用googles api建议。这是我的简单工作代码：
<!DOCTYPE html>
<html>
<body>
<form>
<input id="customerAddress" name="customerAddress" required autocomplete="off" />
<input id="zip" name="zip" required readonly />
<input id=
浏览 2提问于2021-11-01得票数 0
回答已采纳
我需要以自定义的方式呈现google.maps.places.Autocomplete的结果，而不是默认的下拉菜单。
我是否可以使用Google V3检索相同的自动完成信息，但是在每个请求的数组中，而不是在这个API中，为我做呈现吗？
PS1：
我想知道我是否可以使用google.maps.places.PlaceSearchRequest。但是，与Autocomplete不同，它限制了我的位置。它不能用于在世界范围内搜索。
PS2：
我(目前)使用自动完成的默认方式限制了我。我必须传递一个输入元素，API呈现下拉列表，这是我不想要的。
var autocomplete,
浏览 5提问于2012-02-14得票数 6
回答已采纳
3回答
我使用的是google.maps.places.Autocomplete，我希望城市自动补全，但将自动补全结果限制在多个城市，而不是像谷歌文档中那样只有一个。
这就是我的东西
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script>
<script type="text/javascript">
function init
浏览 4提问于2012-04-16得票数 2
我在一个GoogleMaps应用程序中使用AngularJS自动完成，当我调用..。
autocomplete.getPlace();
有一半的时间当我尝试使用空间时，它说几何学是空的，而有一半的时间它工作.
似乎无法理解，out...my唯一的想法是，在getPlace()返回之前，我的代码还在继续，但我不知道如何等待它完成？
我的图书馆包括.
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MyKey&libraries=imagery,
浏览 1提问于2018-02-15得票数 2
回答已采纳
我正在使用Google Places API for iOS的自动完成功能，它返回placeID。如何从placeID获取GMSAddress？我目前使用lookupPlaceID获取GMSPlace，然后使用reverseGeocodeCoordinate从GMSPlace中的coordinate获取GMSAddress。但是它请求Google API 3次: AutoComplete，lookupPlaceID，reverseGeocodeCoordinate。
有没有办法直接从PlaceID或GMSPlace获取GMSAddress？
浏览 9提问于2015-06-29得票数 7
我在我的应用程序中使用Google Places Autocomplete API。最近我更改了我的包名。然后，我在Google开发人员控制台中创建了一个新项目，并将API密钥添加到我的项目中。我已经启用了Google Maps SDK for Android和Places API。现在只检测当前位置是有效的，Places AutoComplete搜索返回"PLACES_API_ACCESS_NOT_CONFIGURED“。
浏览 0提问于2019-05-31得票数 0
1回答
日安。
我正在尝试使用以下代码在动态创建的输入上添加Google Places Autocomplete：
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
var _autoComplCounter = 0;
function assignAutoCompl(_id
浏览 0提问于2013-04-17得票数 4
回答已采纳
1回答
我有一个很大的(50k)数据库，地址如下
12340 Via Moura, San Diego, CA, United States
17029 Avenida Cordillera, San Diego, CA, United States
3324 Sandleheath, Sarasota, FL 34235, USA
它们是使用google Places Autocomplete js api自动完成的，然后存储在数据库中。现在我需要得到不同的部分state，city，zip...等等这些地址。有没有可能用一些谷歌的API呢？有什么想法吗？
浏览 0提问于2017-04-03得票数 3
如何更改autocomplete (Google Maps API)的输入字段？
autocomplete = new google.maps.places.Autocomplete(inputField, options);
function func1() {
// switch element inputField to inputField2 (how?)
}
浏览 0提问于2016-05-27得票数 0
<script src="jquery.js"></script>
<script>
$.get('http://localhost/ajax_send_key.php',function (data){
api_key = data;
});
</script>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key= - my api key - &libra
浏览 0提问于2022-08-15得票数 2
回答已采纳
我有一个谷歌地图API，它给出了谷歌地图address.Here是获取谷歌地图API的代码：
<input name="add" type="text" id="address" class="required" style="width: 500px;">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries
浏览 1提问于2012-10-08得票数 0
回答已采纳
我有一个简单的grails应用程序，它有一个表单。对于要求，我将城市和州添加到输入字段中。我正在使用Google places api自动完成输入字段。我的gsp中的代码如下。
<label for="city">
<input id="city" name="city">
</label>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=myKey"
浏览 16提问于2016-09-22得票数 0
回答已采纳
我使用rails 5和turbolinks 5，并试图使用google网站found 中的示例使google places自动完成地址表单工作。
我只想在这个页面上加载javascript和google地图库。
获得以下javascript使用rails 5和turbolinks 5的正确方法是什么？
<script>
// This example displays an address form, using the autocomplete feature
// of the Google Places API to help users fill in the in
浏览 3提问于2016-08-14得票数 7
回答已采纳
所以，另一个Google API问题，但我没有找到任何我需要的线程。我正在尝试在纯Javascript中使用Google API实现一个基本的邮政编码搜索(使用Autocomplete测试了地理编码和地点)。用户应该能够搜索一个特定的邮政编码，并获得返回的街道名称，这是连接到该邮政编码(只需选择正确的地址)。 我可以使用这两个API中的任何一个来获取结果，但是我不能理解Googles文档，因为没有什么能告诉你这是否可能。我在选项设置中测试了几种要发送的不同类型，但没有一个真正返回地址数组。 我一直在想，反向地理编码是否是一种解决方案，但看起来有点老生常谈，而且还需要多个请求。 只是出于想法，
浏览 11提问于2019-07-03得票数 2
我从flutter_google_places_autocomplete复制了这段代码，但我的应用程序无法启动更多。
我该如何解决这个问题？
import 'package:flutter/material.dart';
import 'package:flutter_google_places_autocomplete/flutter_google_places_autocomplete.dart';
import 'package:flutter_prayer_times/place_search_banner_field.dart';
浏览 9提问于2019-08-10得票数 0
回答已采纳
我有固定的地址字符串这个"NYS97卢克顿湖路，纳罗斯堡，美国“。如何在不指定输入元素的情况下使用此地址创建google.maps.places.Autocomplete对象？我需要在情况下，当用户刷新填充表单的页面，看到输入已经填写，但必须重新选择地址触发器place_changed和从自动完成对象获取位置。下面是我的代码： var autocomplete = new google.maps.places.Autocomplete(
document.getElementById('id_address'),
{types: ['address&#
浏览 18提问于2019-04-02得票数 0
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
腾讯云开发者
