Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.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
Google maps 在没有javascript库的情况下实现Google Places Autocomplete下拉列表_Google Maps_Google Places Api_Googleplacesautocomplete - Fatal编程技术网

Google maps 在没有javascript库的情况下实现Google Places Autocomplete下拉列表

Google maps 在没有javascript库的情况下实现Google Places Autocomplete下拉列表,google-maps,google-places-api,googleplacesautocomplete,Google Maps,Google Places Api,Googleplacesautocomplete,我正在实现一个GooglePlacesAutoComplete下拉列表,但需要在服务器上进行api通信,以免暴露api密钥(项目要求)。从我的服务器到客户机的建议地址的查询和返回已经完成并正常工作。现在我只需要用数据建立下拉列表 使用places javascript库(new google.maps.places.autocomplete(elem))实现autocomplete下拉小部件相当简单,但是在不使用该库的情况下,有没有一种省力的方法呢?或者有没有一种方法可以在不公开api密钥的情况

我正在实现一个GooglePlacesAutoComplete下拉列表,但需要在服务器上进行api通信,以免暴露api密钥(项目要求)。从我的服务器到客户机的建议地址的查询和返回已经完成并正常工作。现在我只需要用数据建立下拉列表


使用places javascript库(
new google.maps.places.autocomplete(elem)
)实现autocomplete下拉小部件相当简单,但是在不使用该库的情况下,有没有一种省力的方法呢?或者有没有一种方法可以在不公开api密钥的情况下使用该库?

如果需要在客户端JavaScript中实现Place Autocomplete,那么应该使用客户端JavaScript。否则,您将遇到一系列问题,例如CORS错误

如果您担心的是公开API密钥,那么请注意,没有必要这样做,因为密钥可以(而且应该)与HTTP引用器一起使用。只要它受到限制,就不能从第三方域使用它。要了解有关API密钥限制的更多信息,请查看


希望这有帮助

谢谢,如果我当前的实现出现任何问题,我会看看这是否会改变产品所有者对用javascript实现它的想法。在此期间,我使用jQueryUIAutoComplete小部件和我的服务器与google之间发生的api通信实现了它。从后端代码向自动完成api web服务发出请求时,我没有遇到任何CORS问题。尼斯:)。请注意,jQueryUI没有使用映射放置自动完成。而且,您完全可以在后端毫无问题地使用Places Autocomplete。我的意思是,在客户端JS中使用web服务会导致这样的问题,这就是自动完成服务的用途。