谷歌地圖搜索框

我正在搜索谷歌地圖api中使用搜索框的地方。我正在使用谷歌地圖Javascript api v3。當我嘗試搜索某個地方時，它並不幸福。任何人都可以幫助我issue.Here是html和javascript代碼片段。谷歌地圖搜索框

<html> 

    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
     <meta name="description" content=""> 
     <meta name="author" content=""> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 

     <link href="css/bootstrap.css" rel="stylesheet"> 
     <script src="js/jquery.min.js"></script> 
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script> 
    </head> 
    <body> 
     <div class="col-md-8"> 
      <input id="pac-input" class="controls" type="text" placeholder="Search Box"> 
      <div class="container" id="map-canvas" ></div> 
     </div> 


     <script> 

     var map = new google.maps.Map(document.getElementById('map-canvas'),{ 
      center:{ 
      lat: 12.9715987, 
      lng: 77.59456269999998 
      }, 
      zoom: 12 
     }); 

     var marker = new google.maps.Marker({ 
      position:{ 
      lat: 12.9715987, 
      lng: 77.59456269999998 
      }, 
      map: map, 
      draggable:true 
     }); 

     var searchBox = new google.maps.places.SearchBox(document.getElementById('pac-input')); 

     google.maps.event.addListener(searchBox , 'place_changed' , function(){ 
      var places = searchBox.getPlaces(); 
      var bounds = new google.maps.LatLngBounds(); 
      var i,place; 
      for(i = 0; palce = places[i]; i++) 
      { 
      bounds.extend(place.geometry.location); 
      marker.setPosition(place.geometry.location); 
      } 
      map.fitBounds(bounds); 
      map.setZoom(12); 
     }); 



     </script> 
     <script src="js/jquery.min.js"></script> 
     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src="js/bootstrap.min.js"></script> 
     <script src="js/Test.js"></script> 
    </body> 

</html>

來源

2015-04-25 Anil Samal

你的頁面是無效的（未閉合''