2012-08-13 16 views
35

मेरे Google मानचित्र एप्लिकेशन के लिए स्वतः पूर्ण कार्य करने का प्रयास कर रहा है।Google मानचित्र v3 API - ऑटो पूर्ण (पता)

एचटीएमएल

<input type="text" class="clearText" id="address" name="address" value="" size=20 autocomplete="off"> 

जावास्क्रिप्ट

var input = document.getElementById('address'); 
    var options = { 
     componentRestrictions: {country: 'au'} 
    }; 
    var autocomplete = new google.maps.places.Autocomplete(input, options); 

दुर्भाग्य से कुछ भी नहीं होता है जब कोई पता टाइप:

यहाँ वर्तमान कोड है।

कोई विचार?

अग्रिम धन्यवाद।

संपादित करें: मैं वास्तव में निम्न त्रुटि प्राप्त कर रहा हूँ:

Uncaught TypeError: क्यों, कोड मेरा नक्शा समारोह प्रारंभ में रखा गया है गुण अपरिभाषित

सुनिश्चित नहीं की 'स्वत: पूर्ण' नहीं पढ़ सकता।

संपादित 2: फिक्स्ड। नीचे जवाब दें।

+4

आपका फ़िक्स संस्करण ठीक काम करता है! आपका बहुत बहुत धन्यवाद। – eifersucht

+0

क्या आपने केवल इस स्क्रिप्ट को लोड किया था ' ' – jshaf

उत्तर

4

फिक्स्ड। स्वत: पूर्ण पुस्तकालय वास्तव में एक अलग पुस्तकालय है जिसे स्पष्ट रूप से लोड किया जाना चाहिए। निम्नलिखित पंक्ति समस्या हल हो गई।

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places‌​&sensor=false"></scr‌​ipt> 
14

आपका फ़िक्स भी मेरे लिए काम करता है। मैं Geocomplete jQuery प्लग-इन का उपयोग कर रहा http://ubilabs.github.com/geocomplete/ और अपने मुख पृष्ठ पर दिए गए निर्देशों का यह

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script> 

उपयोग करने के लिए कहते हैं लेकिन यह मेरे लिए काम नहीं किया है और एक ही त्रुटि हो रही थी।

गूगल मैप्स एपीआई यहाँ जवाब के लिए https://developers.google.com/maps/documentation/javascript/places?hl=en-EN#loading_the_library

+0

अजीब यह होगा यह जानना दिलचस्प क्यों है कि ऐसा क्यों होता है। शायद यह मुद्दा ब्राउजर को एम्परस्टैंड भेजा जा रहा है। क्या आप स्क्रिप्ट उत्पन्न करने के लिए PHP या html का उपयोग कर रहे थे? क्या ब्राउज़र? –

+0

यह थोड़ी देर पहले था, लेकिन मुझे लगता है कि मैं स्क्रिप्ट उत्पन्न करने के लिए एक रेल एआरबी टेम्पलेट का उपयोग कर रहा था। तो, एचटीएमएल। –

+0

वह काम नहीं कर रहा था क्योंकि यूआरएल 'सेंसर = झूठी और पुस्तकालय = जगह' नहीं होना चाहिए 'सेंसर = झूठा & पुस्तकालय = स्थान' जो आपके पास था। '&' एक HTML ampersand है, एक यूआरएल नहीं है (क्योंकि यूआरएल में यह सिर्फ '&' है) :)। – Maverick

0

धन्यवाद मैट के लिए दस्तावेज़ देखें! libraries=places का उपयोग करते समय <script> टैग पर type="text/javascript" विशेषता को छोड़ना किसी भी तरह से महत्वपूर्ण नहीं लगता है।

काम करता है नहीं:

<script src="http://maps.googleapis.com/maps/api/js?libaries=places&sensor=false&callback=initMap"></script> 
<script src="http://maps.googleapis.com/maps/api/js?libaries=places&sensor=false"></script> 

काम करता है:

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

कॉलबैक संस्करण भी काम करता है (initMap समारोह परिभाषित के साथ):

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&callback=initMap"></script> 

यह एक और के साथ संगत प्रतीत हो रहा है SO answer और official documentation के साथ असंगत (जब तक प्रदान नहीं किया जाता यूआरएल में key अंतर बनाता है)।

1

आप इस तरह, स्क्रिप्ट विशेषता जोड़ना 'async स्थगित' करने के लिए है: