लोड हो रहा है...

HTML Geolocation

पहले Web Storage छोटे कुंजी/मान स्ट्रिंग याद रखता था। यह पाठ सहेजना छोड़कर Geolocation पेश करता है: navigator.geolocation से लगभग अक्षांश/देशांतर पढ़ना — केवल अनुमति के बाद। HTML स्क्रिप्ट लोड करता है जो स्थान पूछती है। दायरा व्यावहारिक — एक बार पढ़ना, watch/clear, विनम्र इनकार — मैप SDK या geo DB नहीं।

HTML कोर्स में geolocation क्यों

शुरुआती अक्सर «मेरे पास» बटन बनाते हैं। Geolocation पहला आम API है। web storage के बाद विभाजन अलग है: HTML शेल और बटन का मालिक; JS निर्देशांक माँगता है। getCurrentPosition, watchPosition जानना और इनकार संभालना काफी हैं।

सीधा उत्तर

1) getCurrentPosition कॉल करें। 2) latitude/longitude पढ़ें। 3) पूछने से पहले उपयोगकर्ता क्लिक बेहतर। 4) निरंतर अपडेट के लिए watchPosition; clearWatch। 5) कोई HTML टैग नहीं। 6) इनकार पर पेज उपयोगी रखें।

📊 getCurrentPosition vs watchPosition

Topic	getCurrentPosition	watchPosition
Typical use	One-shot “where am I now”	Ongoing updates while watching
Callback pattern	success once (plus optional error)	success may fire repeatedly
Stop watching	Not needed (single read)	clearWatch(watchId)
Beginner fit	Share-location button	Live tracking demos (careful)
Permission	Still required	Still required
This course depth	Intro focus	Short demo + clearWatch only

छोटा getCurrentPosition डेमो

क्लिक स्थिति माँगकर निर्देशांक दिखाता है। API न हो या इनकार हो तो शांत संदेश।

getCurrentPosition with permission

html

<button id="loc" type="button">Share location</button>
<pre id="out"></pre>
<script>
const out = document.getElementById("out");
document.getElementById("loc").onclick = function () {
if (!navigator.geolocation) {
out.textContent = "No geolocation support";
return;
}
out.textContent = "Waiting for permission…";
navigator.geolocation.getCurrentPosition(
function (pos) {
out.textContent =
pos.coords.latitude + ", " + pos.coords.longitude;
},
function () {
out.textContent = "Permission denied or unavailable";
}
);
};
</script>

getCurrentPosition कॉल पढ़ना

navigator.geolocation प्रवेश बिंदु है
getCurrentPosition एक बार पूछता है
latitude/longitude शुरुआती संख्याएँ हैं
पहले सपोर्ट जाँचें
error callback इनकार ढकता है
HTTPS बेहतर
Web Storage से अलग: पढ़ना, सहेजना नहीं

निरंतर अपडेट के लिए watchPosition

हिलने पर success फिर चल सकता है। id रखें और clearWatch — intro में watch हमेशा न छोड़ें।

watchPosition and clearWatch

html

<button id="start" type="button">Watch location</button>
<button id="stop" type="button">Stop watching</button>
<pre id="live"></pre>
<script>
const live = document.getElementById("live");
let watchId = null;
document.getElementById("start").onclick = function () {
if (!navigator.geolocation) {
live.textContent = "No geolocation support";
return;
}
if (watchId !== null) {
return;
}
live.textContent = "Watching…";
watchId = navigator.geolocation.watchPosition(
function (pos) {
live.textContent =
pos.coords.latitude + ", " + pos.coords.longitude;
},
function () {
live.textContent = "Permission denied or unavailable";
watchId = null;
}
);
};
document.getElementById("stop").onclick = function () {
if (watchId !== null) {
navigator.geolocation.clearWatch(watchId);
watchId = null;
live.textContent = "Stopped watching";
}
};
</script>

watchPosition विचार पढ़ना

वही अनुमति मॉडल
success दोहराया जा सकता है
clearWatch रोकता है — Stop दें
मैप लाइब्रेरी नहीं
Web Storage नहीं
आवृत्ति से get बनाम watch चुनें
अगला: drag and drop

कब पूछें

«स्थान साझा करें» क्लिक: अच्छा समय
बिना संदर्भ लोड पर: अक्सर बुरा
निरंतर गति: watchPosition + रोक
थीम सहेजना: Web Storage था
पूरा मैप उत्पाद: इस परिचय से परे
चुपचाप ट्रैक: गलत पैटर्न

अभ्यास — विनम्रता से fix माँगें

getCurrentPosition डेमो चिपकाएँ और प्रॉम्प्ट आज़माएँ।
निर्देशांक या शांत इनकार जाँचें।
watch शुरू करें फिर Stop।
वैकल्पिक: बिना क्रैश इनकार।
वाक्य: Web Storage स्ट्रिंग सहेजता है; Geolocation अनुमति से पढ़ता है।
ज़रूरत हो तो http(s) पर सर्व करें।
आगे: drag and drop।

आसान गलतियाँ

geolocation टैग की उम्मीद
हर लोड पर पूछना
error callback नज़रअंदाज़
Web Storage से मिलाना
clearWatch के बिना watch छोड़ना
हमेशा सटीक GPS मानना
परिचय को पूरा मैप कोर्स मानना

सारांश

Geolocation अनुमति वाला JS API है navigator.geolocation पर
getCurrentPosition एक बार; watchPosition + clearWatch अपडेट के लिए
HTML UI देता है; स्पष्ट उपयोगकर्ता क्रिया के बाद पूछें
इनकार को सौम्यता से संभालें
Web Storage याद रखी स्ट्रिंग थी; यह पाठ अनुमति वाले निर्देशांक
अगला: HTML drag and drop

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓

प्रश्न

🎯

70%

पास करने के लिए

♾️

∞

समय

🔄

∞

प्रयास

📝 निर्देश

हर प्रश्न को ध्यान से पढ़ें
हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
आपकी प्रगति शीर्ष पर दिखाई जाएगी