Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/270.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
如何在我的php应用程序中使用GooglePlaceAPI_Php_Jquery_Google Maps Api 3 - Fatal编程技术网

如何在我的php应用程序中使用GooglePlaceAPI

如何在我的php应用程序中使用GooglePlaceAPI,php,jquery,google-maps-api-3,Php,Jquery,Google Maps Api 3,我正在尝试创建一个网页。当用户开始在文本框中输入时,一个带有州名列表的自动完成城市会出现在建议的下拉框中,就像在谷歌地图中一样 我已经有了google place自动完成的api。但我无法实施它 有谁能建议我如何实现google place api吗? API URL是:您可以使用这个jquery插件 演示: 我实现的是下面的代码,它为我提供了我想要的解决方案- <html> <head> <style type="text/cs

我正在尝试创建一个网页。当用户开始在文本框中输入时,一个带有州名列表的自动完成城市会出现在建议的下拉框中,就像在谷歌地图中一样

我已经有了google place自动完成的api。但我无法实施它

有谁能建议我如何实现google place api吗?


API URL是:

您可以使用这个jquery插件

演示:
我实现的是下面的代码,它为我提供了我想要的解决方案-

   <html>
       <head>
       <style type="text/css">
               body {
                       font-family: sans-serif;
                       font-size: 14px;
               }
       </style>
       <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title>
       <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>
        <script type="text/javascript">
               function initialize() {
                       var input = document.getElementById('searchTextField');
                       var autocomplete = new google.maps.places.Autocomplete(input);
               }
               google.maps.event.addDomListener(window, 'load', initialize);
       </script>
       </head>
           <body>
               <div>
                       <input id="searchTextField" type="text" size="50" placeholder="Enter a location" autocomplete="on">
               </div>
           </body>
       </html>

身体{
字体系列:无衬线;
字体大小:14px;
}
GoogleMapsJavaScriptAPI v3示例:放置自动完成
函数初始化(){
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

只需单击链接,按CTRL+U组合键,它会给出源代码,然后选择ALL,然后粘贴,就可以了。

您需要使用AJAX。阅读示例jquery:我对ajax请求很在行。但你能告诉我从哪里开始吗?在发布这个问题之前,我已经访问了这个链接,并根据这个链接我进一步调查了。仍然无法在我的网站上复制相同的内容。你有什么建议?我没听懂。不管怎样,我得到了解决方案,正如你所看到的,我也接受了。