Google Maps Places Javascript API
是一个提供地理位置相关功能的Javascript API，它可以让开发者在网页中使用地图和地点搜索等功能。具体来说，它包含了以下几个主要方面的功能：
- 地图显示：通过使用该API，开发者可以在网页中嵌入动态的地图，并进行缩放、拖动、标记位置等交互操作。这对于需要在网页中展示地理信息的应用来说非常有用。
- 地点搜索：该API提供了丰富的地点搜索功能，开发者可以根据关键词搜索地点，并获得相关的地点信息、地址、联系方式等。这使得开发者可以为用户提供地点搜索、导航等功能。
- 地点自动完成：当用户在搜索框中输入关键词时，该API会自动提示相关的地点名称，以帮助用户快速输入并选择目标地点。
- 地点详细信息：通过该API，开发者可以获取特定地点的详细信息，如营业时间、评分、评论等，以帮助用户更好地了解所选地点。
- 地点图片：该API允许开发者获取地点的图片，可以用于在网页中展示地点的外观等信息。
Google Maps Places Javascript API 可以广泛应用于多个领域，比如：
- 本地搜索应用：通过该API，开发者可以为用户提供本地商家、餐厅、景点等的搜索和展示功能，帮助用户发现周边的有趣地点。
- 旅游导航应用：开发者可以利用该API提供导航功能，帮助用户规划旅游路线、查找附近的酒店、景点等。
- 餐饮服务应用：通过该API，开发者可以提供餐馆的搜索、查看菜单、预订服务等功能，帮助用户方便地找到适合的餐厅并进行预订。
对于开发者来说，腾讯云提供了一系列与地理位置相关的产品，可以用于辅助开发和部署基于 Google Maps Places Javascript API 的应用。其中推荐的产品包括：
- 位置服务（https://cloud.tencent.com/product/lbs）：提供了地图、位置搜索、逆地理编码等功能，可以与 Google Maps Places Javascript API 结合使用，为用户提供完整的地理位置服务。
- 路径规划（https://cloud.tencent.com/product/directions）：提供了路线规划、导航等功能，可以用于辅助用户在应用中规划和导航到目的地。
需要注意的是，以上产品都是腾讯云的产品，与 Google Maps Places Javascript API 相互独立，但可以互补使用，提供全面的地理位置服务。
相关·内容
<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
回答已采纳
每当我尝试使用Google Maps API places库时，它都会在我的浏览器控制台中显示以下错误：
TypeError: autocomplete is undefined
如果我没记错的话，这意味着places库无法加载。至于代码，我有自己的代码，但我也复制了Places API教程()中的代码。
在我的标题中，我包含了这两行：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE"></script>
浏览 1提问于2014-12-04得票数 0
我们有一个网站，使用谷歌地图自动完成功能从谷歌地图javascript api。
我是这样连接api的：
<script type="text/javascript" src="https://maps.google.com/maps/api/js?region=AU&language=en-AU&hl=en&libraries=places&key=AIzaSyDcv7qx<..>"></script>
在，我启用了Google Places API Web Service和Google Ma
浏览 2提问于2016-09-30得票数 0
1回答
谷歌地图库404
、、
在我的项目中导入Google很长时间以来，我使用：
<script type="text/javascript" src="https://maps-api-ssl.google.com/maps/api/js?libraries=places,geometry&sensor=false&language=fr" ></script>
此脚本试图加载3个库：
https://maps-api-ssl.google.com/maps-api-v3/api/js/21/9/intl/fr_ALL/main.
浏览 0提问于2015-08-05得票数 0
回答已采纳
我在我的应用程序中的两个地方使用了Google Places Autocomplete API，但它共享相同的脚本和API_KEY。在一个位置，places自动完成可以正常工作，但在另一个位置，除了在网络选项卡的"AutocompletionService.GetPredictions“请求中找到的返回值之外，它会静默地失败：
/**/_xdc_._6bvokq && _xdc_._6bvokq( [3, null, null,…] )
0: 3
1: null
2: null
3: "This API project is not authorized to
浏览 5提问于2016-07-15得票数 1
在站点上，我遇到了一个问题，地图将加载我的地理位置(允许地理位置查看)，然后加载所有结果(整个世界)--我需要这样做才能停留在地理位置，而不是跳转到整个地图。
查看控制台后，我看到"Google警告: //developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required“：SensorNotRequired，然后是Object etc....After的下拉列表”，我看到了以下脚本，这些脚本仍然安装了传感器：
if(ddp('google_places_api'
浏览 5提问于2016-08-23得票数 5
我在我的.net项目中使用google地图时遇到了一个问题
<script src="http://maps.google.com/maps/api/js?v=3&libraries=places&sensor=true" type="text/javascript"></script>
当我使用上面的代码时，我正确地得到了google地图，但是如果我试图添加键
<script src="http://maps.google.com/maps/api/js?key=xxxx-&libraries=pl
浏览 0提问于2016-09-07得票数 0
回答已采纳
我有一个动态加载的脚本(确切地说，是Google Maps )，由于几个原因，我不能改变默认情况下的初始加载方式。
通过JavaScript，我希望找到字符串libraries=places，然后将其更改为libraries=places,visualization
所以，最初的输出是：
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?libraries=places">
</script>
将是：
<scr
浏览 1提问于2015-05-19得票数 0
我正在尝试以下代码，以实现HTML中的Google自动完成文本框
HTML：
<head>
...
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
...
</head>
<body>
...
<input type="" name="loc" class="form-control" id=
浏览 1提问于2016-08-18得票数 0
回答已采纳
我正在写一个使用的web应用程序。现在，我将获得一个API密钥，但不知道它是否启用了Places API。我需要一种方法来检查是否在密钥的项目中启用了Places API。特别是，我希望避免向控制台发送垃圾邮件“此API项目未被授权使用此API”错误。自动完成的实现方式如下：
new google.maps.places.Autocomplete($('input.location-address')[0]);
这在启用Places API的情况下有效，但我需要一种方法来检查它是否已启用。类似于：
function keyHasPlacesEnabled(api_key, ca
浏览 0提问于2018-06-21得票数 0
我主要做后端工作，对javascript知之甚少(重点是单词little)。我偶然发现了一些嵌入在网站html页面中的javascript代码。现在我不确定这里发生了什么。 我所理解的是，它是某种javascript google地图api函数(也许我错了)。我需要了解的是它在做什么。 <script type="text/javascript" src="http://maps.googleapis.com/maps/api
/js?key=*********************&libraries=places">
浏览 7提问于2019-06-19得票数 1
回答已采纳
1回答
城市名称自动补全不起作用
、、、
我正在尝试使用google places api在自动完成文本框中获取城市名称。我不知道我的代码出了什么问题，我无法在自动完成文本框中获得城市名称。
下面是我的代码：
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&language=en"></script>
<script type="text/javascript">
google.maps.event.a
浏览 1提问于2018-06-29得票数 0
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
回答已采纳
我正在尝试将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
回答已采纳
我尝试在一行中初始化2个库(adsense和places
我试一下这个
<script type="text/javascript" src="http://maps.google.pl/maps/api/js?sensor=true&language=pl&output=embed&libraries=adsense;libraries=places"></script>
还有这个：
<script type="text/javascript" src="http://map
浏览 1提问于2012-01-12得票数 0
回答已采纳
我正在使用谷歌自动完成地点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
回答已采纳
1回答
将动态内容加载到页面
、、、
下面是我的旧脚本，它只是将内容抛到response.php中
index.php
<input type="button" id="fire" value="Show Items">
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript">
$("#fire").click(function(){
浏览 1提问于2015-04-24得票数 1
回答已采纳
下面是运行以下代码时遇到的错误：
错误:未定义的TypeError:无法读取未定义的属性“几何图形”
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
var places = new google.maps.places.Autocomplete(doc
浏览 3提问于2015-10-20得票数 0
回答已采纳
我正在构建一个使用AngularJS的Chrome扩展，它使用谷歌地图(特别是位置)。
我正在寻找的功能类似于
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
&
浏览 0提问于2016-05-21得票数 1
1回答
我的页面上有两个google地图容器。
first -id=“id=”只是一个普通的“显示地图”，second - map“map2”是一个搜索地图，用户在其中输入内容，地图会刷新到用户输入的位置。
这些映射使用相同的api密钥，但它们的回调不同。
如果我在控制台中同时添加以下get和error语句，说明存在重复的api调用
<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" type="text/
浏览 0提问于2017-01-27得票数 3
1回答
由于我将在移动应用程序中使用google地图和地点，因此我不希望任何东西减慢应用程序的加载速度。
我已经看到在边缘网络上，我的应用程序启动非常慢。我所有的js都是本地的，所以只有谷歌地图和地点需要很长时间才能加载(如果我从html文件中删除地图和地点，加载速度会很快)。
index.html
<script>....</script>
<script src='http://maps.google.com/maps/api/js?key=mykey&sensor=false'></script>
<scrip
浏览 0提问于2013-06-16得票数 3
回答已采纳
我使用的是带有搜索框的精简版Google Maps。将显示第一次通过搜索框，并允许您转到所选位置。在选定位置时，不会显示搜索框。
有人能告诉我为什么搜索框没有显示在新的位置吗？
使用的javascript链接是：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<script>
主体代码为：
<bo
浏览 4提问于2015-05-01得票数 0
我正在使用javascript应用程序中的Places。当我使用service.nearbySearch()方法查找附近的地方时，效果很好。然后，当我提出一个service.getDetails()请求时，我会得到每个请求的OVER_QUERY_LIMIT状态。在我的开发人员控制台中，我可以跟踪向Google API v3提出的每一个请求，但是我无法从places中获得任何结果。
以下是一些代码：
// How I load the library
<script src="https://maps.googleapis.com/maps/api/js?libraries=pl
浏览 2提问于2015-03-24得票数 5
回答已采纳
我已经有了一个使用Google Maps API(v3)的web应用程序，我也正在使用JavaScript版本访问Places JavaScript。
在使用HTTPS请求时，Places API文档显示您需要添加Places API密钥(通过Google API控制台获得)。文档还说，你必须用信用卡验证你的身份，否则你每天只能申请1000次。经过验证后，您每天可以收到100000个请求。
但是，没有文档说明如何将API键添加到传递给google.maps.places.PlacesService.search()方法的JavaScript对象中……
我的客户非常担心这个每日限制，因为这个应用
浏览 2提问于2012-01-06得票数 4
回答已采纳
我只想从墨西哥自动完成的结果，为此，我正在尝试下面的代码，并添加边界，以确保把墨西哥在一个矩形，但我仍然从国外得到结果。
我该如何解决这个问题呢？
以下是，相同的代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Test: Places Autocomplete</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&
浏览 0提问于2011-12-21得票数 2
回答已采纳
我想使用谷歌的地方api为特定的城市，而不是世界范围。
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&types=(locality)&input={ahemdabad}" type="text/javascript"></script>
<script type="text/javascript">
function initializ
浏览 0提问于2016-03-31得票数 0
我正在尝试使用Google Places API中的自动完成功能。我已经设置了自动完成功能并且可以正常工作，但是我想添加一个侦听器，这样我就可以在其他地方使用来自PlacesResult的信息。
为了测试该功能，我试图通过弹出一个警告框并将place.name写入。这两种方法都不起作用，所以我想监听器显然是配置错了，但我不知道我是怎么写错的。
<!-- Load Places Library for Google Maps-->
<script type="text/javascript" src="http://maps.googleapis.com
浏览 0提问于2012-06-30得票数 5
回答已采纳
1回答
我试图添加谷歌地图的自动完成功能。但我得到了一个错误“地点未定”。
<html>
<body>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
google.maps.event.addDomListe
浏览 2提问于2016-07-22得票数 1
1回答
我试图让我的谷歌地图标记显示在我的laravel项目，但似乎没有任何标记显示。我对places做了一个dd()，它显示它正在从数据库中获取信息。但出于某种原因，似乎没有任何标记显示。
@section('content')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://maps.google.com/maps/api/js">&l
浏览 3提问于2022-03-04得票数 5
回答已采纳
我对谷歌的Maps API和它的PlacesService有一个问题。即使我已经正确加载了places库，它仍然显示“无法读取未定义的属性'PlacesService‘”。映射本身可以工作并加载。有什么想法吗？代码如下：
<div id="map-canvas"></div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places"></script
浏览 4提问于2016-01-26得票数 13
回答已采纳
我尝试用谷歌地图api自动完成输入字段，但只搜索酒店…
我试着：
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
var places = new google.maps.places.Autocomplete(
(
document.getElementById('hotel')), {
types: [&
浏览 0提问于2016-04-17得票数 0
我正在一个表单中实现Google Places，用户可以在其中输入他/她的位置。位置可以是完整的地址，也可以只是一个城市。
我想要获取用户提供的地址的每个单独组成部分。获取地址、城市、州、邮政编码和国家的最佳方式是什么？
在下面的代码中，我得到了看起来像是数组的组件。我是否必须遍历它，或者有没有直接访问每个组件的方法？
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></sc
浏览 1提问于2016-01-05得票数 6
所以我最近开始使用地图Api v3，当我尝试进行附近的搜索时，我得到了一个未知的错误。在这一行var service_places = new google.maps.places.PlacesService(map);上
function setupMap (position) {
// console.log(position);
var curLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
// console.log(curLocation);
var map
浏览 1提问于2013-04-08得票数 1
只是想弄清楚这件事...我有一个插件，是注册使用wp_register_script的谷歌地图api，然后使用wp_enqueue_script调用它，这一切看起来都是正确的。然而，当页面呈现时，域名已经从url中剥离，因此它在该点调用相对路径并破坏脚本……有什么想法吗？
worpress: 7.1论文: 2.1.4
// register the script
wp_register_script( 'map_list-google-places', 'http://maps.googleapis.com/maps/api/js?sensor=true&
浏览 1提问于2013-11-22得票数 0
"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
这是我的第一个HTML/Javascript项目，我遇到了一些麻烦。其目标是获取一个地址，并在距离该地址5亿以内的商店中简单地显示一张带有标记的地图。问题是我得到了一个空白页，什么也没有出现。大部分代码都是从Google的示例中逐字复制的，所以我不知道有什么问题。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Make a Good Impression</title>
<script type="text/javascript" src="ht
浏览 0提问于2014-10-26得票数 0
回答已采纳
我试图在我的ember.js应用程序中使用谷歌的自动完成api
我的看法是：
import Ember from 'ember';
import autocomplete from '../utils/google-geocoder-autocomplete.js';
export default Ember.View.extend({
templateName: "mapLocation",
classNames: ["map-location"],
autocomplete: function() {
a
浏览 1提问于2015-04-22得票数 1
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
1回答
谷歌地图自动完成与Laravel
、、、、
试图在Laravel中添加谷歌自动完成功能。我的代码如下-
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', function () {
浏览 2提问于2016-07-12得票数 3
回答已采纳
我刚刚将我的React应用程序从15.x升级到React 16.0，现在得到了以下错误。代码本身没有改变，除了它现在是一个React 16.0应用程序的事实。
'google‘没有定义no-undef
我在我创建的util方法中使用了自动补全功能，如下所示：
const map = new google.maps.Map(document.createElement('div'));
const googlePlacesAutocomplete = new google.maps.places.AutocompleteService();
const googleP
浏览 16提问于2018-05-29得票数 0
回答已采纳
1回答
我的标记没有显示附近搜索的结果。有人能帮上忙吗？我对javascript和google api非常熟悉。我基本上是在找这个地区所有的麦当劳。唯一显示的标记是用户的当前位置。提前感谢！:D
<!DOCTYPE HTML>
<html>
<head>
<title>Basic GeoLocation Map</title>
<!-- Google Maps and Places API -->
<script type="text/javascript&#
浏览 2提问于2013-05-24得票数 0
回答已采纳
我想用JavaScript得到一个位置的坐标。然而，我的自动补全遇到了问题。我遇到了一个类似的问题，但没有一个解决方案对我有帮助。
我的代码：
<html>
<head>
<title>Geocoding</title>
</head>
<body>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&libraries=places"></script>
<sc
浏览 22提问于2016-09-22得票数 0
如何从Google Places库中获取结果以显示在我的带样式的Google Maps上？有了这段代码，我只得到了带样式的地图，没有地点。
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=mykey&sensor=true">
</script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/
浏览 0提问于2012-07-14得票数 0
回答已采纳
是否可以过滤1个以上的国家/地区？
我试过这个：
componentRestrictions: {country: "us","uk"}
但这并不管用。
完整代码：
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script>
<script type="text/javascript">
浏览 0提问于2015-11-02得票数 1
2回答
我得到了意想不到的结果‘约克郡’使用谷歌地图自动完成API。我已经将结果过滤为只显示英国的区域。请帮帮我
以下是我搜索约克郡时得到的结果：
UnidoYorkshire del Sur，Reino del Sur，Reino Unido
以下是代码：
<script src="http://maps.google.com/maps?file=api&v=2&key=MYGooGleAPiKey" type="text/javascript"></script><script type="text/javasc
浏览 4提问于2012-05-31得票数 5
我正在尝试使用带有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
回答已采纳
2回答
我有这个谷歌地图api的示例代码来搜索位置。我可以输入，但不能在浏览器上显示地图。我尝试了中的各种其他代码，也尝试了其他代码，但它们都有相同的问题。我无法解决这个问题。我尝试将CSS代码映射为javascript形式。
如果这段代码有什么问题，请帮助我：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="u
浏览 2提问于2013-07-05得票数 0
我这里有一个脚本：
<!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&libraries=places"></script>
<script>
fun
浏览 2提问于2012-10-25得票数 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
回答已采纳
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&language=pt-PT" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
浏览 0提问于2015-01-16得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
