गूगल मैप्स एपीआई 3 खोज बॉक्स

Question

मैं समझ नहीं मेरी गूगल मैप्स में खोज बॉक्स लागू करने के लिए कैसे। मेरे पास यह है कि उपयोगकर्ता किसी फॉर्म से कुछ सामान चुन सकता है और यह मानचित्र पर मार्कर लोड करता है। अब मैं जोड़ना चाहता हूं कि वे maps.google.com पर जैसे Google खोज बॉक्स का उपयोग करके शहर और राज्य में कहां टाइप कर सकते हैं। क्या यह एपीआई बनाम 3 के साथ किया जा सकता है?

Answer 1

कोई भी पूर्ण "विजेट" इस कार्य के लिए गूगल के नक्शे में नहीं है। लेकिन इसे पूरा करना आसान है। एचटीएमएल में आपके पास एक टेक्स्ट फ़ील्ड और एक बटन "सर्च" हो सकता है। (इसके बजाय आप टेक्स्ट फ़ील्ड में एंटर कुंजी को संभाल सकते हैं)।

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