2011-09-01 31 views
7

Arama kutularını Google haritalarımda nasıl uygulayacağımı anlayamıyorum. Kullanıcının bir formdan bazı şeyler seçebileceği yer var ve haritadaki işaretçileri yükler. Şimdi, maps.google.com gibi, google arama kutusunu kullanarak şehir ve eyalette yazabilecekleri yerleri eklemek istiyorum. Bu API v. 3 ile yapılabilir mi?Google Maps API 3 arama kutusu

+0

google arama kutusu ile gerçekleştirmek için nasıl bilmiyorum ama sorun ile başlamak size yardımcı olabilecek birkaç örnek var [Coğrafi kodlama örneği] (http://code.google.com/apis/maps/documentation/javascript/examples/geocoding-simple.html) [Jquery ile coğrafi kodlama örneği] (http://tech.cibul.net/ geocode-with-google-maps-api-v3 /) – Jorge

cevap

26

Bu görev için Google haritalarında eksiksiz bir "widget" yoktur. Ancak bunu başarmak kolaydır. HTML'de bir metin alanına ve "Ara" düğmesine sahip olabilirsiniz. (Bunun yerine metin alanında Enter tuşunu kullanabilirsiniz).

başlatmanızı ve bir Geocoder kullanmak JavaScript yılında
<input type="text" id="search_address" value=""/> 
<button onclick="search();">Search</button> 

:

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); 
      } 
     } 
    ); 
}; 
+0

Bu konumun adı veya adresi gibi ek bilgileri nasıl alabilirim? – Alp

+1

@Alp: Yukarıdaki kullanım durumu, adı veya adresi zaten bildiğiniz ve ilgili konumu (lat, lng) almak istediğiniz durumu açıklar. Bir yerin bulunduğu mahallede ilginç yerler bulmak istiyorsanız, [Google yerleri] 'ne bakabilirsiniz (http://code.google.com/apis/maps/documentation/places/). – Jiri

+1

@Alp Yorumunuzda istedikleriniz için tam olarak bir şeye ihtiyacım vardı ve aradığınız şey şudur: https://developers.google.com/maps/documentation/geocoding/#Geocoding Muhtemelen ne buldunuz? Şimdiye kadar aradınız ama yine de;) – mavili