何處放置自動完成搜索框的HTML代碼

以下代碼是我正在使用的代碼。我試着閱讀並觀看Google Developers發佈的you tube視頻。我對此很陌生，需要一些幫助。我想將自動填充搜索框放入我的地圖中。任何幫助，將不勝感激。何處放置自動完成搜索框的HTML代碼

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Simple Map</title> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <style> 
     html, body, #map-canvas { 
     height: 100%; 
     margin: 0px; 
     padding: 0px 
     } 
    </style> 
    <script src=""http://maps.google.com/maps/api/js?libraries=places&sensor=false""></script> 
    <script> 
var map; 
function initialize() { 
    var mapOptions = { 
    zoom: 13, 
    center: new google.maps.LatLng(47.717312, -116.951370), 
    disableDefaultUI: true, 

    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), 
     mapOptions); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id="map-canvas"></div> 
    </body> 
</html>

這些是來自谷歌的說明，他們對他們去哪裏感到困惑。

// Create the search box and link it to the UI element. 
  var input = /** @type {HTMLInputElement} */(
      document.getElementById('pac-input')); 
  map.controls[google.maps.ControlPosition.TOP_LEFT].push(input); 

  var searchBox = new google.maps.places.SearchBox(
    /** @type {HTMLInputElement} */(input)); 

  // Listen for the event fired when the user selects an item from the 
  // pick list. Retrieve the matching places for that item. 
  google.maps.event.addListener(searchBox, 'places_changed', function() { 
    var places = searchBox.getPlaces();

來源

2015-04-03 Andrew Kaplan

的Javascript代碼放在裏面的initialize()你有

function initialize(){ 
//autocomplete code goes here. 
}

我剛纔提出的這個JSFiddle，使用代碼this tutorial。

來源

2015-04-03 03:48:34 Ethaan

何處放置自動完成搜索框的HTML代碼

回答

相關問題