Hộp tìm kiếm API Google Maps 3

Question

Tôi không thể tìm ra cách triển khai hộp tìm kiếm trong bản đồ google của mình. Tôi có nó, nơi người dùng có thể chọn một số công cụ từ một hình thức và nó tải các điểm đánh dấu trên bản đồ. Bây giờ tôi muốn thêm nơi họ có thể nhập vào thành phố và tiểu bang bằng cách sử dụng hộp tìm kiếm của Google, như trên maps.google.com. Điều này có thể được thực hiện với API phiên bản 3 không?

Answer 1

Không có "tiện ích" hoàn chỉnh trong bản đồ của Google cho tác vụ này. Nhưng thật dễ dàng để hoàn thành nó. Trong HTML, bạn có thể có một trường văn bản và một nút "Tìm kiếm". (Thay vào đó bạn có thể xử lý phím Enter trong trường văn bản).

<input type="text" id="search_address" value=""/> 
<button onclick="search();">Search</button> 

Trong javascript bạn nhanh chóng và sử dụng một Geocoder:

var addressField = document.getElementById('search_address'); 
var geocoder = new google.maps.Geocoder(); 
function search() { 
    geocoder.geocode(
     {'address': addressField.value}, 
     function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       var loc = results[0].geometry.location; 
       // use loc.lat(), loc.lng() 
      } 
      else { 
       alert("Not found: " + status); 
      } 
     } 
    ); 
};