JavaScript இல் பயனரின் இருப்பிடத்தைப் பெறுதல்.

 Full stack web development with ..Net, Java,python,C, C++, PHP, Java script,Angular, React js, web designing, classes is going on.

Both direct and online classes.

contact:91 9629329142

அறிமுகம்

இப்போதெல்லாம், டெலிவரி ஆப்ஸ் அல்லது ஈகாமர்ஸ் இணையதளங்கள் போன்ற பயனரின் இருப்பிடத்தை நீங்கள் தெரிந்துகொள்ள பெரும்பாலான பயன்பாடு தேவைப்படுகிறது. எனவே இன்று, Javascript இல் பயனர் ஒப்புதலுடன் பயனரின் இருப்பிடத்தை நீங்கள் எவ்வாறு பெறுகிறீர்கள் என்பதை இந்தக் கட்டுரை விவரிக்கிறது.

 

இன்று, பெரும்பாலான டெலிவரி இணையதளங்கள் பயன்படுத்துவதை எளிதாக்க விரும்புகின்றன மற்றும் முகவரியில் தானாகவே சில புலங்களை வைக்கின்றன. எனவே, தீர்க்கரேகை(longitude ) மற்றும் அட்சரேகைக்கு(latitude) ஏற்ப பயனரின் இருப்பிடத்தை நீங்கள் தெரிந்து கொள்ள வேண்டும். இது சாத்தியம். எனவே புவிஇருப்பிட API ஐப் பயன்படுத்தி பார்வையிட்ட பயனரின் தீர்க்கரேகை மற்றும் அட்சரேகையை எவ்வாறு பெறுவது என்பது குறித்த இந்தக் கட்டுரையைத் தொடங்குவோம்.

புவிஇருப்பிடம் API

Navigator.geolocation என்பது புவிஇருப்பிடப் பொருளை வழங்கும் ஒரு படிக்க-மட்டும்  பயன்படும் பண்பு ஆகும், இது பயனரின் நிலையைக் கண்டறியப் பயன்படுகிறது. பயனர் ஒப்புதல் அளித்தால் மட்டுமே இது கிடைக்கும்.

உலாவி ஆதரவு(browser support)

 

புவிஇருப்பிட வலை API ஐ ஆதரிக்கிறதா என்பதை உலாவியில் முதலில் சரிபார்ப்பது எப்போதும் நல்லது. எனவே இதை சரிபார்க்க கீழே குறியீடு உள்ளது.

if (window.navigator.geolocation) {

    // code

} else {

    alert('Sorry, your browser does not support geolocation API')

}

getCurrentPosition முறையானது வெற்றி மற்றும் பிழை ஆகிய இரண்டு பாராமீட்டர்களை  எடுக்கும் பயனர் கோ ஆர்டினேட்களை வழங்குகிறது

navigator.geolocation.getCurrentPosition(successCallback,failureCallback);

if (window.navigator.geolocation) {

    navigator.geolocation.getCurrentPosition(showPosition, showError);

} else {

    alert('Sorry, your browser does not support geolocation API')

}

SuccessCallback

function showPosition(position) {

    alert("Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude);

}

FailureCallback ( Error Handling)

function showError(error) {

    switch (error.code) {

        case error.PERMISSION_DENIED:

            alert("User not accept the request for Geolocation.")

            break;

        case error.POSITION_UNAVAILABLE:

            alert("Location information is unavailable.")

            break;

        case error.TIMEOUT:

            alert("The request timed out")

            break;

        case error.UNKNOWN_ERROR:

            alert("An error occurred")

            break;

    }

}

 

வெளியீடு

 

முதலில், பிரவுசர் பயனரிடம் அவர்களின் இருப்பிடத்தை அணுக அனுமதி கேட்கிறது, அதன் பிறகு மட்டுமே அது கோ ஆர்டினேட்களை பெற முடியும்.

 

நன்றி

முத்து கார்த்திகேயன், மதுரை