Google Map Suchfeld

Ich versuche Orte mit Suchfeld in Google Map API zu suchen. Ich benutze Google Map Javascript API v3. Wenn ich versuche, einen Ort zu suchen, ist es nicht glücklich. Kann mir jemand helfen, was könnte sein Issue.Here ist das HTML- und JavaScript-Code-Snippet.Google Map Suchfeld

<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>

Quelle

2015-04-25 Anil Samal

Ihre Seite als nicht gültig geschrieben ist (nicht geschlossene ''