Google स्थल जावास्क्रिप्ट स्वतः पूर्ण: क्या मैं देश के नाम से देश को हटा सकता हूं?

Question

मेरे पास निम्न jQuery कोड है जो चयनित देश के लिए शहर सूची प्राप्त करने के साथ अच्छी तरह से काम करता है।

var city; var place; 

$('#city').on('focus',function(){ 
    input = this, options = { 
     types: ['(cities)'], 
     componentRestrictions: { 
      country: $('#country option:selected').val() 
      } 
    }; 
    city = new google.maps.places.Autocomplete(input, options); 
    google.maps.event.addListener(city, 'place_changed', function() { 
     place = city.getPlace(); 
     $(input).val(place.address_components[0].long_name); 
    }) 
}) 

मूल रूप से, एक बार व्यक्ति जगह का चयन करता है, यह इनपुट बॉक्स में मूल्य देश के बिना "शहर" मान के साथ बदल देता है।

यह थोड़ा जब उपयोगकर्ता पहले से ही एक देश का चयन किया है होने लटकती मेनू में City, Country बेवकूफ लग रहा है, तो किसी को भी पता है अगर यह सिर्फ शहर का नाम प्रदर्शित करने के लिए संभव है यदि आप एक के लिए परिणामों को सीमित एक componentRestrictions मूल्य को परिभाषित किया है देश?

मैं इसे स्थापित करने के लिए एक बार चयन होने के लिए एक सा ... वास्तव में बकवास कर दिया गया है की मेरी वर्तमान पद्धति ... लगता है

Answer 1

संक्षिप्त उत्तर है: Autocomplete में प्रतिक्रिया सामग्री Google (द्वारा नियंत्रित किया जाता आप इसे अपनी टिप्पणियों में से एक में उल्लेख करते हैं) और Autocomplete^api-doc प्रदर्शित होने वाले प्रतिक्रिया पाठ को अनुकूलित करने का कोई तरीका प्रदान नहीं करता है, प्लेसहोल्डर टेक्स्ट^dev-guide को बदलकर। जिस समाधान का आप उपयोग कर रहे हैं वह आपके पास सबसे अच्छा विकल्प है (और थोड़ा प्रतिक्रियाशील है, लेकिन मुझे नहीं पता कि यह वास्तव में "बकवास" है या नहीं)।

इसके अलावा, यदि आप उस दृष्टिकोण से संतुष्ट से कम हैं, तो आप हमेशा अपना खुद का इनपुट क्षेत्र बना सकते हैं और अनुरोध-प्रतिक्रिया के पूर्ण नियंत्रण को स्वयं और आगे ले सकते हैं। आप प्लेस लाइब्रेरी ^dev-guide सीधे उपयोग कर सकते हैं और दिखाए गए सभी चीज़ों का पूरा नियंत्रण ले सकते हैं।

Answer 2

मैं 100 मिलीसेकंड का इंतजार करता हूं, और फिर इच्छित सामग्री के साथ टेक्स्ट बॉक्स को प्रतिस्थापित करता हूं।

मेरे मामले में छोड़कर मुझे एक खाली बॉक्स चाहिए, लेकिन एक ही स्थान डालें।

Answer 3

जब गूगल एपीआई लागू, "क्षेत्र" विशेषता निर्दिष्ट करें:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&key=your_key&language=fr&region=FR"></script> 

तब, जब आप एक Autocomplete वस्तु बनाने, देश componentRestriction विशेषता में, इतना है कि यह आपके द्वारा निर्दिष्ट क्षेत्र को दर्शाता है निर्दिष्ट करें:

 

    new google.maps.places.Autocomplete(
     $("#my-input-field").get(0), 
     { 
      componentRestrictions: {country: "fr"}, 
      types: ["(regions)"] 
     } 
    ); 

Answer 4

इसके अलावा आप सीएसएस द्वारा स्वयं की मदद कर सकते हैं - स्वत: पूर्ण आइटम में अंतिम अवधि (= राज्य) छुपाएं।

.pac-item > span:last-child { 
    display: none; 
}