Google मानचित्र API का उपयोग करके एक क्लिक से किसी स्थान से विभिन्न स्थानों पर दूरी कैसे प्राप्त करें?

Question

वर्तमान में प्रोग्राम काम कर रहा है, लेकिन इंटरफ़ेस परेशान है कि alert() फ़ंक्शन के कारण मैं getData() फ़ंक्शन में उपयोग कर रहा हूं !! और जब मैं getData() फ़ंक्शन से इस पंक्ति को हटाता हूं तो पूरा प्रोग्राम गलत हो जाता है !! मुझे नहीं पता कि समस्या क्या है? खुराक किसी को ऐसी प्रक्रिया करने का बेहतर विचार है?

जिस प्रोग्राम को मैं यहां बनाने की कोशिश कर रहा हूं, वह उपयोगकर्ताओं को अपने वर्तमान पते से 50 किमी के भीतर रेस्तरां खोजने में मदद करने का लक्ष्य रखता है, मैंने पहले से ही विभिन्न स्थान पते एकत्र किए हैं और इसे डेटाबेस में रिकॉर्ड किया है।

initialize() समारोह जब HTML बॉडी लोड किए गए हैं कहा जाता है, HTML बॉडी रेस्टोरेंट डेटा MySQL से निकालने PHP का उपयोग करें जो JavaScript विन्यास में, डेटा प्रिंट होगा किया जाएगा के पहले लाइनों में jsres_add, jsres_id, jsres_name और jsnu तो मैं उपयोग कर सकते हैं उन्हें जावास्क्रिप्ट कोड में। * नोटिस कृपया JavaScript कोड इस तरह के रूप में नीचे एक .js में अलग होती है फ़ाइल

var geocoder, location1, location2, gDir, oMap, jsnu, arraynu, address2; 
jsres_add = new Array(); 
jsres_id = new Array(); 
jsres_name = new Array(); 

function initialize() { 
    geocoder = new GClientGeocoder(); 
    gDir = new GDirections(); 
    GEvent.addListener(gDir, "load", function() { 
     var drivingDistanceMiles = gDir.getDistance().meters/1609.344; 
     var drivingDistanceKilometers = gDir.getDistance().meters/1000; 
     if (drivingDistanceKilometers < 50){ 
      // function to save search result within 50km into database using ajax 
      saveSearchResult(jsres_id[arraynu],jsres_name[arraynu],drivingDistanceKilometers); 
     } 
    }); 
} 

function getData() { 
    emptytable(); //function to empty search result table using ajax 
    //jsnu is the number of the restaurants data found in database 
    for (var ii = 0; ii < jsnu; ii++) { 
     arraynu = ii; 
     address2 = jsres_add[ii]; 
     showLocation(); 
     alert("done!"); 
    } 
    showResults(); //function to print out the search result from database into html body using ajax 
} 

function showLocation() { 
geocoder.getLocations(document.forms[0].address1.value, function (response) { 
    if (!response || response.Status.code != 200){ 
     alert("Sorry, we were unable to geocode your address"); 
    }else{ 
     location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; 
     geocoder.getLocations(address2, function (response) { 
      if (!response || response.Status.code != 200){ 
       alert("Sorry, we were unable to geocode the second address"); 
      }else{ 
       location2 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; 
       gDir.load('from: ' + location1.address + ' to: ' + location2.address); 
      } 
     }); 
    } 
}); 
} 

Answer 1

alert() समारोह की उपस्थिति बनाता है कोड काम मुझे लगता है कि यह समय से संबंधित एक समस्या है, विशेष रूप से ऐसा लगता है कि आपके address2 geocoder सेवा से प्रतिक्रिया प्राप्त करने से पहले अधिलेखित हो जाता है।

[संपादित करें]

आप सेटअप jsfiddle मैं और अधिक बारीकी से अपने कोड की जांच की और मिल गया यह काम करने के लिए के बाद:

http://jsfiddle.net/zuYXS/16/

address2 वास्तव में ओवरराइट किया गया, लेकिन यह केवल समस्या नहीं था , वास्तव में आप जिन सभी चर का उपयोग कर रहे थे वे वैश्विक थे। विशेष रूप से मुझे आपके द्वारा किए गए प्रत्येक अनुरोध के लिए GDirections का एक उदाहरण बनाना था (साझा करना पहले प्रदर्शित होने से पहले पहले परिणाम को ओवरराइट कर रहा था)।

यह समझने के लिए कि आपका कोड क्यों काम नहीं कर रहा था, मैं सुझाव देता हूं कि आप एसिंक्रोनस विधि कॉल के बारे में कुछ सामग्री खोज और अध्ययन करें।

अंगूठे के सामान्य नियम के रूप में (जावास्क्रिप्ट के लिए और सामान्य रूप से प्रोग्रामिंग के लिए) वैश्विक दायरे में चर डालने से बचने का प्रयास करें, लेकिन अपने जीवन को सबसे छोटे संभव दायरे में सीमित करें, इससे कई तरीकों से मदद मिलेगी: यह वैरिएबल नामों की संभावनाओं को कम करें, प्रदर्शन में सुधार करते समय (चर आवश्यक होने पर ही मौजूद होंगे) और आपके कोड की पठनीयता (मूल्यों का ट्रैक रखना आसान होगा)।

Answer 2

दिशानिर्देश सेवा असीमित है, आप इससे कुछ भी वापस नहीं कर सकते हैं, आपको कॉलबैक रूटीन में सर्वर से लौटाए गए डेटा का उपयोग करने की आवश्यकता है।

आप Google मानचित्र API v2 वाक्यविन्यास का उपयोग कर रहे हैं; कि एपीआई बहिष्कृत है और अब 1 9 मई, 2013 के बाद समर्थित नहीं होगा। एपीआई के उस संस्करण के साथ नया विकास दृढ़ता से निराश है। the Google Maps API v3