Javascript textfield谷歌地图中的自动定位_Javascript_Php_Html_Google Maps

Javascript textfield谷歌地图中的自动定位

javascript php html google-maps

Javascript textfield谷歌地图中的自动定位,javascript,php,html,google-maps,Javascript,Php,Html,Google Maps,每当我写下某个位置时，我都试图自动获取文本字段中的位置！但它不起作用，当我写东西的时候，没有位置出现代码如下： <!DOCTYPE html> <html> <head> <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title> <script src="https://maps.goog

每当我写下某个位置时，我都试图自动获取文本字段中的位置！但它不起作用，当我写东西的时候，没有位置出现

代码如下：

 <!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">
      type="text/javascript">
      function initialize() {
      var input = document.getElementById('searchTextField');
      var options = {componentRestrictions: {country: 'us'}};            
    new google.maps.places.Autocomplete(input, options); }         
       google.maps.event.addDomListener(window, 'load', initialize);
       </script>
     </head>
      <body>
      <label for="searchTextField">Please insert an address:</label>
      <input id="searchTextField" type="text" size="50">
      </body>
     </html>


GoogleMapsJavaScriptAPI v3示例：放置自动完成
type=“text/javascript”>
函数初始化（）{
var input=document.getElementById（'searchTextField'）；
var options={componentRestrictions:{country:'us'}}；
新的google.maps.places.Autocomplete（输入，选项）；}
google.maps.event.addDomListener（窗口“加载”，初始化）；
请插入地址：

试试这个：

HTML

请插入地址：

下面是一个小提琴的例子：

我的建议是将JS与HTML分开。

我尝试了你的代码。你的一个结束标记有问题：

<!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" type="text/javascript"></script><!-- You forgot closing this -->
       <!-- You forgot starting the below script tag -->
       <script>
       function initialize() {
         var input = document.getElementById('searchTextField');
         var options = {componentRestrictions: {country: 'us'}};            
         new google.maps.places.Autocomplete(input, options); 
       }         
       google.maps.event.addDomListener(window, 'load', initialize);
       </script>
  </head>

  <body>
      <label for="searchTextField">Please insert an address:</label>
      <input id="searchTextField" type="text" size="50">
  </body>
</html>

请注意，这可能不准确，可能会被篡改。

@bilal是的，只需复制粘贴此代码并检查，对我来说效果很好。@bilal是否要首先在文本字段中显示用户的当前位置？然后用户将在该文本字段中使用自动完成？是的，完全相同！！而地图只给出了美国的位置，我想显示用户当前的位置！然后他可以改变它！地图上只显示美国，请快速回答：D当前位置！谢谢你，我很感激你！

<label for="searchTextField">Please Insert an address:</label>
<br>
<input id="searchTextField" type="text" size="50">

<!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" type="text/javascript"></script><!-- You forgot closing this -->
       <!-- You forgot starting the below script tag -->
       <script>
       function initialize() {
         var input = document.getElementById('searchTextField');
         var options = {componentRestrictions: {country: 'us'}};            
         new google.maps.places.Autocomplete(input, options); 
       }         
       google.maps.event.addDomListener(window, 'load', initialize);
       </script>
  </head>

  <body>
      <label for="searchTextField">Please insert an address:</label>
      <input id="searchTextField" type="text" size="50">
  </body>
</html>

$ip = getenv('REMOTE_ADDR');
$addr = file_get_contents('http://api.hostip.info/get_json.php?ip='.$ip);
$addr = json_decode($addr, TRUE);
$countryAndCity = $addr["country_name"].", ".$addr["city"];
echo $countryAndCity;