Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS-Google Place自动完成API密钥_Javascript_Jquery_Angularjs_Autocomplete_Google Places Api - Fatal编程技术网

Javascript AngularJS-Google Place自动完成API密钥

Javascript AngularJS-Google Place自动完成API密钥,javascript,jquery,angularjs,autocomplete,google-places-api,Javascript,Jquery,Angularjs,Autocomplete,Google Places Api,我对使用Google的API还很陌生,一直在尝试如何用Angular实现Places Autocomplete API。一般来说,我从未真正使用过autocomplete。目前我的项目中没有jQuery库,但我相信我已经看到一些开发人员在指令element.autocomplete中使用了它 我确实在寻找任何可能有助于这一点的现有指令,我发现: 在根据文档进行设置之后,我一直无法让它工作,而且我也不知道我将在哪里设置API密钥,以便它首先运行。我认为主要错误与API密钥有关,但我不能肯定 据我所

我对使用Google的API还很陌生,一直在尝试如何用Angular实现Places Autocomplete API。一般来说,我从未真正使用过autocomplete。目前我的项目中没有jQuery库,但我相信我已经看到一些开发人员在指令
element.autocomplete
中使用了它

我确实在寻找任何可能有助于这一点的现有指令,我发现:

在根据文档进行设置之后,我一直无法让它工作,而且我也不知道我将在哪里设置API密钥,以便它首先运行。我认为主要错误与API密钥有关,但我不能肯定

据我所知,谷歌的文档提到在拉取places库时将API键作为
参数。如果我在指令的文档中省略了这样的键,我会得到
MissingKeyMapError
。如果我像谷歌说的那样添加密钥,我会得到
apinoctivatedmaperor
。同时,谷歌还说我的API密钥是服务器API密钥,“这个密钥应该在你的服务器上保密”

我引用的库中的代码行是:

使用PHP后端或仅在浏览器中执行cURL请求可以提供结果。所以现在我只是想了解Autocomplete是如何工作的,以及如何让它与AngularJS一起工作


所以是的,我对这个话题有点困惑。如果有人能给我指出正确的方向或指出我可能误解的地方,那将是一个很大的帮助

您可以将api密钥作为参数传递到脚本中

 <script 
          src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY">
        </script>

之后,如果您看到此错误
apinoactivatedmaperor
,则意味着您需要在google开发控制台中激活google places服务

在API Google Maps下单击more,您将看到
Google Places API Web Service
单击它并激活


希望这有帮助

您可以将api密钥作为参数传递到脚本中

 <script 
          src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY">
        </script>

之后,如果您看到此错误
apinoactivatedmaperor
,则意味着您需要在google开发控制台中激活google places服务

在API Google Maps下单击more,您将看到
Google Places API Web Service
单击它并激活


希望这有帮助

您可以为特定域创建一个Google API
,这样您就可以确保没有其他人可以在他的页面上使用它等

我还使用这个api实现了GooglePlace指令,我们需要api密钥来获取api SDK

<script src="https://maps.googleapis.com/maps/api/js?libraries=places?key=your_key"></script>
你可以像这样使用它

 <input type="text" google-place ng-model="venue.address_line_1" aria-label="search">

你可以为一个特定的域创建一个Google API
key
,这样你就可以确保没有其他人可以在他的页面上使用它

我还使用这个api实现了GooglePlace指令,我们需要api密钥来获取api SDK

<script src="https://maps.googleapis.com/maps/api/js?libraries=places?key=your_key"></script>
你可以像这样使用它

 <input type="text" google-place ng-model="venue.address_line_1" aria-label="search">

谢谢看来它现在对我有用了。我只想指出,我还必须获得一个浏览器键并启用
谷歌地图JavaScript API
。我以前使用服务器密钥,只启用了
googleplacesapiwebservice
。因此,我认为这些也导致了我的问题,但您的代码是一个巨大的帮助!谢谢看来它现在对我有用了。我只想指出,我还必须获得一个浏览器键并启用
谷歌地图JavaScript API
。我以前使用服务器密钥,只启用了
googleplacesapiwebservice
。因此,我认为这些也导致了我的问题,但您的代码是一个巨大的帮助!谢谢你的帮助。我意识到我还必须启用
谷歌地图JavaScript API
,但现在一切似乎都正常。谢谢你的帮助。我意识到我还必须启用
googlemapsjavascript-API
,但现在一切似乎都正常了。