How to get user location using Javascript geolocation. by tykee

View this thread on: hive.blog | peakd.com | ecency.com

hive-163521 · @tykee · May 21 '23

$5.58

How to get user location using Javascript geolocation.

![](https://images.ecency.com/DQmPeHSrvkciLQg8pF3nZT7FHHGGoeZqhws6KDGYMAW3xgJ/dw_1.png)




This is another part of my front-end series. Today, I will explain how to get users location with JavaScript. 

Without further ado, let’s push. 

This is the html file.

```
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
   <title>Document</title>
</head>
<body>
   <div class="container">
       <button class="findme">FIND ME</button>
       <h2 class="myLocation"></h2>
   </div>
   <script src="main.js"></script>
</body>
</html>
```

### This is the css

```
.container {
display: flex;
justify-content: space-evenly;
align-items: center;
margin-top: 25%;
background: rgb(97, 94, 94);
height: 200px;
}


.myLocation {
   color: #fff;
}


 button {
   background-color: #4CAF50;
   border: none;
   color: white;
   padding: 15px 52px;
   text-align: center;
   text-decoration: none;
   /* display: inline-block; */
   font-size: 16px;
 }
```

This is the Javascript


`    navigator.geolocation.getCurrentPosition(success, error)`
and the function

`  const success = (position) => {
        console.log(position)
}`

![](https://images.ecency.com/DQmW6X9sPo849tx3fQ1GncUMnWVz5XqtdYtghkRRdEfndsk/95b4a035_bd35_4e94_a273_228f2168343f_4_5005_c.jpeg)



Will log the `geolocationposition` and `geolocationcoordinate` in the console and the `error` function will return the message specified in the code if the position is not allowed on the computer. 

After that, I fetched out the latitude and longitude and used a geolocation API to concatenate the latitude and longitude in the API. 

Finally, I fetched my location from the API and it will return all of these:

city: ""
continent: ""
continentCode: ""
countryCode: ""
countryName: ""
latitude:
locality: ""
localityInfo: {LikelyLand: true, administrative: Array(4), informative: Array(3)}
localityLanguageRequested: "en"
longitude:
lookupSource: ""
plusCode: ""
postcode: ""
principalSubdivision: ""
principalSubdivisionCode: ""

Then I fetched the continent on the website, you can fetch any another you wish using the same method. The JavaScript code below explains all. 


![AB99307A-8F0B-42B0-95B0-26EB6755EF64.jpeg](https://images.hive.blog/DQmbaXWUkhbUsnSqUyQmNCTfdxEtRGoxtw7u5uFzPTCFPKH/AB99307A-8F0B-42B0-95B0-26EB6755EF64.jpeg)


```
const findMe = () => {
   const myLocation = document.querySelector('.myLocation');


   const success = (position) => {
       console.log(position)
       const latitude = position.coords.latitude;
       const longitude = position.coords.longitude;
       const geolocationApi = `https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=${latitude}&longitude=${longitude}&localityLanguage=en`


       fetch(geolocationApi)
       .then(res => res.json())
       .then(data => {
           myLocation.textContent = data.continent
       })
   }


   const error = () => {
       myLocation.textContent = "Location not available"
   }
   navigator.geolocation.getCurrentPosition(success, error)
};


document.querySelector('.findme').addEventListener('click', findMe)
```
You can copy the code, test it in your code editor, and play with it based on your wants.

I hope you find this useful

Thank you for reading. 

<sub>Michael B, A.K.A Tykee, I am a software developer, writer and blockchain enthusiast. I write about finance, programming, tech and lifestyle. My contents are my opinions</sub>

Posted with [STEMGeeks](https://stemgeeks.net)

👍 brianoflondon, sanjeevm, minnowbooster, steemstem, podping, discovery-it, zartisht, steemflagrewards, howo, lemouth, enforcer48, yintercept, carolineschell, intrepidphotos, lordbutterfly, rocky1, mcsvi, armandosodano, curie, memehub, r-nyn, stemsocial, dhimmel, gianluccio, walterjay, pixelfan, gadrian, peerfinance, mad-runner, meanbees, listnerds, roelandp, hivefolks, sunshine, maruskina, techslut, peterpanpan, hungryharish, smartsteem, stayoutoftherz, moriaty, stem-espanol, lallo, tomastonyperez, pboulet, therising, satren, nattybongo, shrazi, samuel.steem, piumadoro, spiceboyz, vittoriozuccala, spaghettiscience, titti, crowdwitness, gunthertopp, elvigia, steemean, mobbs, stuntman.mike, meritocracy, her18lux, iamphysical, and 203 others

`author`	tykee
`permlink`	how-to-get-user-location-using-javascript-geolocation
`category`	hive-163521
`json_metadata`	{"tags":["neoxian","proofofbrain","vyb","cent","ctp","hive-engine","location","hive","stem"],"image":["https://images.ecency.com/DQmPeHSrvkciLQg8pF3nZT7FHHGGoeZqhws6KDGYMAW3xgJ/dw_1.png","https://images.ecency.com/DQmW6X9sPo849tx3fQ1GncUMnWVz5XqtdYtghkRRdEfndsk/95b4a035_bd35_4e94_a273_228f2168343f_4_5005_c.jpeg","https://images.hive.blog/DQmbaXWUkhbUsnSqUyQmNCTfdxEtRGoxtw7u5uFzPTCFPKH/AB99307A-8F0B-42B0-95B0-26EB6755EF64.jpeg"],"app":"stemgeeks/0.1","format":"markdown","canonical_url":"https://stemgeeks.net/@tykee/how-to-get-user-location-using-javascript-geolocation"}
`created`	2023-05-21 19:30:03
`last_update`	2023-05-21 19:30:03
`depth`	0
`children`	9
`last_payout`	2023-05-28 19:30:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	2.810 HBD
`curator_payout_value`	2.766 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	3,644
`author_reputation`	232,935,449,922,164
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,704,147
`net_rshares`	11,970,423,117,731
`author_curate_reward`	""

properties (23)vote details (267)

voter	rshares	pct
eric-boucher	2,039,429,738	0.4%
mammasitta	2,531,375,555	0.4%
roelandp	36,823,256,092	5%
cloh76	527,273,481	0.4%
donatello	1,112,798,235	3.1%
stea90	2,629,521,659	3.1%
sunshine	28,895,650,528	5%
lordvader	7,081,991,387	0.8%
rmach	1,674,701,090	5%
lemouth	276,915,295,387	10%
lamouthe	735,053,803	10%
tfeldman	733,661,628	0.4%
metabs	1,008,247,983	10%
mcsvi	108,672,980,124	50%
cnfund	1,514,591,973	0.8%
justyy	4,056,526,265	0.8%
curie	88,662,663,843	0.8%
techslut	23,663,397,767	4%
slider2990	3,149,417,522	50%
steemstem	579,600,277,908	10%
edb	1,270,114,186	1%
walterjay	53,476,795,949	5%
valth	1,627,182,726	5%
metroair	3,411,187,141	0.8%
dna-replication	344,336,602	10%
privex	927,990,354	0.8%
travelnepal	604,233,779	15.5%
dhimmel	55,523,382,230	2.5%
oluwatobiloba	468,414,064	10%
detlev	3,167,508,254	0.24%
federacion45	1,214,421,408	0.4%
gamersclassified	586,844,302	0.4%
iansart	1,509,519,266	0.4%
forykw	2,132,074,572	0.4%
mobbs	9,144,900,449	5%
jerrybanfield	2,851,227,239	0.8%
rt395	1,635,894,413	1.5%
bitrocker2020	1,526,917,800	0.12%
sustainablyyours	4,223,032,976	5%
helo	2,777,074,824	5%
arunava	3,667,064,908	0.32%
juancar347	2,671,805,594	0.48%
samminator	6,460,555,879	5%
enjar	5,628,201,164	0.72%
lorenzor	1,266,452,176	50%
alexander.alexis	5,932,383,942	10%
princessmewmew	1,059,390,663	0.4%
gunthertopp	10,599,370,484	0.2%
trenz	509,213,388	0.34%
empath	541,028,499	0.4%
flatman	697,999,305	0.8%
analealsuarez	2,036,531,798	50%
minnowbooster	1,054,560,501,501	20%
howo	327,664,677,315	10%
tsoldovieri	1,004,339,939	5%
steemwizards	537,523,446	0.8%
neumannsalva	621,969,576	0.4%
stayoutoftherz	18,267,363,302	0.2%
abigail-dantes	3,619,498,600	10%
sanjeevm	1,109,182,657,253	30%
pixelfan	49,874,047,169	5.8%
val.halla	2,869,753,262	10%
shrazi	12,669,108,658	100%
iamphysical	8,356,147,341	90%
spiceboyz	11,959,192,081	31%
zyx066	755,416,327	0.24%
revo	1,544,576,255	0.8%
azulear	1,399,075,456	100%
psicoluigi	764,804,499	50%
rocky1	111,322,592,750	0.12%
aidefr	991,278,474	5%
therealwolf	5,396,225,663	0.4%
meno	3,413,467,523	0.4%
enzor	584,751,377	10%
florian-glechner	655,754,695	0.08%
dandays	2,199,902,604	0.2%
gianluccio	54,616,823,211	27.9%
sunsea	609,024,835	0.4%
ciuoto	7,140,645,538	15.5%
bluefinstudios	500,304,686	0.24%
steveconnor	638,849,559	0.4%
nicole-st	2,476,754,560	0.4%
carolineschell	178,578,101,410	31%
smartsteem	19,465,076,914	0.4%
aboutcoolscience	2,446,242,216	10%
popurri	939,959,541	15.5%
sandracarrascal	448,447,007	50%
kenadis	2,640,900,011	10%
madridbg	3,753,008,892	10%
marcolino76	3,389,676,209	15.5%
punchline	2,146,625,331	0.8%
ahmadmangazap	660,995,068	0.4%
jacopo.eth	578,678,765	26.35%
sco	2,683,164,992	10%
ennyta	922,062,256	50%
juecoree	7,529,156,214	35%
ydavgonzalez	3,574,722,946	10%
intrepidphotos	167,890,998,324	7.5%
fineartnow	509,362,431	0.4%
alequandro	1,281,025,651	15.5%
oscarina	742,101,792	10%
fragmentarion	2,608,936,781	10%
dynamicrypto	776,080,131	1%
pab.ink	6,515,792,233	5%
darewealth	3,991,217,933	100%
steemflagrewards	337,881,053,897	100%
miguelangel2801	742,497,562	50%
atma-yoga	525,933,857	50%
piumadoro	12,165,051,634	31%
emiliomoron	2,011,596,371	5%
geopolis	618,129,536	10%
robertbira	1,039,426,410	2.5%
alexdory	1,447,125,856	10%
irgendwo	2,611,456,396	0.8%
melvin7	3,444,716,642	5%
francostem	1,333,706,058	10%
endopediatria	678,003,656	20%
mad-runner	46,624,769,953	21.7%
sbarandelli	1,461,618,995	31%
satren	13,263,530,835	10%
tomastonyperez	16,016,026,529	50%
elvigia	10,452,389,100	50%
sanderjansenart	759,806,243	0.4%
vittoriozuccala	11,949,664,711	15.5%
qberry	500,959,339	0.4%
greddyforce	644,630,555	0.29%
gadrian	49,449,435,012	7.5%
lordbutterfly	145,065,716,012	10%
fotogruppemunich	549,485,737	0.2%
therising	14,195,190,419	0.8%
de-stem	5,414,735,438	9.9%
spaghettiscience	11,202,369,884	31%
josedelacruz	4,455,579,724	50%
lorenzopistolesi	1,429,438,263	0.4%
erickyoussif	574,040,676	100%
meanbees	38,778,228,467	100%
phage93	2,847,878,643	31%
deholt	536,545,705	8.5%
diabonua	706,450,775	0.4%
enforcer48	217,351,252,773	20%
temitayo-pelumi	855,499,213	10%
andrick	807,536,806	50%
doctor-cog-diss	7,897,814,571	10%
musicvoter2	1,056,801,997	1%
uche-nna	915,547,634	0.64%
cheese4ead	619,869,973	0.4%
mafufuma	7,385,058,635	1%
nattybongo	12,841,142,416	31%
yintercept	197,572,229,195	100%
talentclub	825,365,906	0.48%
bflanagin	995,952,472	0.4%
armandosodano	94,709,035,077	21.7%
kylealex	4,584,821,711	10%
coccodema	1,607,214,781	15.5%
fran.frey	3,940,651,704	50%
thelittlebank	2,987,835,148	0.4%
pboulet	14,841,937,598	8%
stem-espanol	16,895,681,887	100%
admiralbot	6,272,428,646	100%
brianoflondon	3,849,211,620,166	100%
giulyfarci52	1,609,106,236	50%
steemcryptosicko	1,482,907,940	0.16%
middleearth	1,119,796,244	31%
adinapoli	7,596,487,634	15.5%
discovery-it	557,396,610,386	31%
stem.witness	550,132,118	10%
jacuzzi	618,979,410	0.12%
lallo	16,628,430,976	31%
crowdwitness	10,820,336,309	5%
cooperfelix	566,913,334	21.7%
steemean	9,983,349,663	5%
hungryharish	21,965,614,347	100%
samuel.steem	12,193,933,261	27.9%
hungryanu	3,344,419,627	50%
titti	11,095,722,291	31%
memehub	88,461,898,944	100%
stregamorgana	1,087,485,909	31%
meeplecomposer	2,540,447,961	18.6%
qwerrie	517,086,720	0.07%
tinyhousecryptos	483,535,167	5%
aninsidejob	6,556,635,709	100%
maruskina	26,995,418,867	15.5%
aicu	3,364,067,413	0.8%
victoriaxl	1,081,418,368	15.5%
omodei	887,882,884	31%
zeruxanime	1,655,203,259	5%
steemindian	4,059,520,570	100%
stemgeeks	1,411,642,653	50%
stemcuration	0	50%
babytarazkp	3,431,851,212	40%
capitanonema	983,629,764	31%
damaskinus	640,138,662	15.5%
stem.alfa	2,724,745,481	100%
steemstem-trig	771,512,064	10%
baltai	925,204,034	0.4%
discovery-blog	4,659,856,238	31%
yggdrasil.laguna	0	25%
atheistrepublic	808,562,923	0.4%
hjmarseille	1,170,694,704	27.9%
lightpaintershub	660,481,447	1%
bilpcoinbpc	702,175,978	5%
romytokic	1,039,814,331	15.5%
stuntman.mike	8,975,441,412	100%
stemsocial	79,528,393,229	10%
peterpanpan	22,658,996,978	31%
matteus57	2,564,790,558	31%
hiveonboard	567,628,113	0.4%
noelyss	3,301,149,349	5%
flewsplash	1,937,252,104	31%
jilt	5,909,556,100	15.5%
zartisht	387,650,104,803	100%
bindalove	632,096,911	31%
r-nyn	83,117,659,730	100%
aabcent	1,793,200,658	0.64%
brofund-stem	971,859,727	50%
meritocracy	8,969,154,148	0.08%
stemline	3,244,774,133	25%
meestemboom	470,830,026	25%
dcrops	6,830,431,937	0.4%
scooter77.stem	511,906,392	50%
krishu.stem	596,244,862	100%
ctpx	1,030,171,041	20%
peerfinance	47,953,375,141	100%
traderhive	1,900,223,925	0.8%
repayme4568	514,067,968	15.5%
moraviareosa	31,390,249	100%
drricksanchez	1,955,698,155	0.4%
nfttunz	1,193,933,845	0.08%
krrizjos18	1,333,787,811	15.5%
kkartdesign	514,212,205	15.5%
maridmc	4,823,277,855	31%
mattbrown.art	1,291,282,748	15.5%
holovision.stem	506,292,481	100%
hivehydra	884,065,277	90%
podping	569,965,620,467	100%
t-nil	654,562,647	10%
yoieuqudniram	1,761,780,363	15.5%
star.stem	1,337,527,612	50%
irivers	156,374,240	100%
magic.ctp	0	100%
farmingtales	1,647,171,879	31%
cryptoccshow	6,437,053,846	50%
jensenart	1,289,378,910	100%
tanzil2024	624,025,704	1%
aries90	6,530,935,743	0.8%
jrjaime	1,182,988,823	9.3%
moriaty	17,360,196,336	100%
cryptogillone	677,906,129	31%
castles	582,057,042	31%
yixn	7,181,701,114	0.4%
waivio.welcome	418,397,210	0.92%
saboin.stem	314,124,725	50%
listnerds	37,460,653,027	20%
hivefolks	35,379,620,955	10%
stem-curator	0	100%
dondido	3,539,860,979	0.8%
her18lux	8,397,008,281	100%
magic.vyb	0	100%
sbtofficial	523,632,108	0.4%
mukadder	1,082,330,967	3.1%
ctptips	2,144,124,221	15%
carolinaes	543,231,027	15.5%
the-grandmaster	502,907,803	0.4%
the-burn	503,406,058	0.4%
humbe	1,281,892,114	2%
mbfreddys	332,471,255	50%
whitneyalexx	4,510,265,233	100%

@discovery-it · May 21 '23

<div class="pull-left">https://cdn.steemitimages.com/DQmTAn3c753LR7bHCLPo96g9UvRMaPFwaMYn8VQZa85xczC/discovery_logo_colore%20-%20Copia.png</div><br> This post was shared and voted inside the discord by the curators team of <a href="https://discord.gg/cMMp943"> discovery-it</a> <br>Join our <a href = "https://hive.blog/trending/hive-193212"> Community</a> and follow our <a href = "https://hive.vote/dash.php?i=1&trail=discovery-it">Curation Trail</a><br>Discovery-it is also a Witness, vote for us <a href = "https://hivesigner.com/sign/account-witness-vote?witness=discovery-it&approve=true"> here</a>  <br>Delegate to us for passive income. Check our <a href = "https://hive.blog/hive-193212/@discovery-it/delegations-program-80-fee-back"> 80% fee-back Program</a> <hr>

properties (22)

`author`	discovery-it
`permlink`	re-tykee-50q5t4ibud
`category`	hive-163521
`json_metadata`	"{"app": "beem/0.24.26"}"
`created`	2023-05-21 21:11:03
`last_update`	2023-05-21 21:11:03
`depth`	1
`children`	0
`last_payout`	2023-05-28 21:11:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	773
`author_reputation`	47,706,240,393,884
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,708,171
`net_rshares`	0

@enforcer48 · May 21 '23

Cool and unsettling at the same time. I share similar sentiments with other self-conscious individuals. 

!discovery 31

properties (22)

`author`	enforcer48
`permlink`	re-tykee-rv11i6
`category`	hive-163521
`json_metadata`	{"tags":["hive-163521"],"app":"peakd/2023.5.1"}
`created`	2023-05-21 21:10:54
`last_update`	2023-05-21 21:10:54
`depth`	1
`children`	1
`last_payout`	2023-05-28 21:10:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	119
`author_reputation`	404,954,516,818,944
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,708,166
`net_rshares`	0

@tykee · May 21 '23

$0.08

Absolutely, we all need to be careful. Thanks for your comment.

👍 enforcer48, yggdrasil.laguna

`author`	tykee
`permlink`	rv14vs
`category`	hive-163521
`json_metadata`	{"app":"hiveblog/0.1"}
`created`	2023-05-21 22:23:57
`last_update`	2023-05-21 22:23:57
`depth`	2
`children`	0
`last_payout`	2023-05-28 22:23:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.038 HBD
`curator_payout_value`	0.038 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	63
`author_reputation`	232,935,449,922,164
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,710,819
`net_rshares`	163,302,334,567
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
enforcer48	0 B		163,302,334,567	15%
yggdrasil.laguna	0 B		0	3%

@mbfreddys · May 22 '23

Amazing 👌

👍 stemgeeks, saboin.stem, yggdrasil.laguna, stemcuration

`author`	mbfreddys
`permlink`	re-tykee-2023522t18642632z
`category`	hive-163521
`json_metadata`	{"tags":["neoxian","proofofbrain","vyb","cent","ctp","hive-engine","location","hive","stem"],"app":"ecency/3.0.39-mobile","format":"markdown+html"}
`created`	2023-05-22 22:07:18
`last_update`	2023-05-22 22:07:18
`depth`	1
`children`	1
`last_payout`	2023-05-29 22:07:18
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	9
`author_reputation`	2,454,083,086,214
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,741,058
`net_rshares`	125,527,674
`author_curate_reward`	""

properties (23)vote details (4)

voter	rshares	pct
stemgeeks	125,527,674	6%
stemcuration	0	6%
yggdrasil.laguna	0	3%
saboin.stem	0	6%

@tykee · May 22 '23

Thank you

👍 stemgeeks, saboin.stem, yggdrasil.laguna, stemcuration

`author`	tykee
`permlink`	re-mbfreddys-2023522t2382332z
`category`	hive-163521
`json_metadata`	{"tags":["hive-163521","neoxian","proofofbrain","vyb","cent","ctp","hive-engine","location","hive","stem"],"app":"ecency/3.0.39-mobile","format":"markdown+html"}
`created`	2023-05-22 22:08:24
`last_update`	2023-05-22 22:08:24
`depth`	2
`children`	0
`last_payout`	2023-05-29 22:08:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	9
`author_reputation`	232,935,449,922,164
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,741,077
`net_rshares`	125,318,556
`author_curate_reward`	""

properties (23)vote details (4)

voter	rshares	pct
stemgeeks	125,318,556	6%
stemcuration	0	6%
yggdrasil.laguna	0	3%
saboin.stem	0	6%

@stemsocial · May 22 '23

re-tykee-how-to-get-user-location-using-javascript-geolocation-20230522t032353299z

<div class='text-justify'> <div class='pull-left'>
 <img src='https://stem.openhive.network/images/stemsocialsupport7.png'> </div>

Thanks for your contribution to the <a href='/trending/hive-196387'>STEMsocial community</a>. Feel free to join us on <a href='https://discord.gg/9c7pKVD'>discord</a> to get to know the rest of us!

Please consider delegating to the @stemsocial account (85% of the curation rewards are returned).

You may also include @stemsocial as a beneficiary of the rewards of this post to get a stronger support.&nbsp;<br />&nbsp;<br />
</div>

properties (22)

`author`	stemsocial
`permlink`	re-tykee-how-to-get-user-location-using-javascript-geolocation-20230522t032353299z
`category`	hive-163521
`json_metadata`	{"app":"STEMsocial"}
`created`	2023-05-22 03:23:54
`last_update`	2023-05-22 03:23:54
`depth`	1
`children`	0
`last_payout`	2023-05-29 03:23:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	565
`author_reputation`	22,463,635,119,853
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,719,318
`net_rshares`	0

@yintercept · May 21 '23

Geolocation technology is really fun. I've implemented it on a few sites.

One can do fun things with geolocation like draw maps of one's activities.

Fun things come with dangers. So, I thought I would drop my pet peeves about geolocation.

## The things I dislike:

IMHO: The best geolocation implementations put the code in a button, like you are doing. This way the user has to engage in an affirmative action to get the geolocation.

Many web sites put the geolocation in the header and call the program when loading a page.

There is nothing more annoying that an web site that demands one's location on entering the site.

I usually just leave sites that prompt for my location on page load.

There are only a few sites that I would trust with my current location. 

## The Temptation to Publish Real Time Locations

There is a huge temptation to publish the geolocation of users. One should always implement a substantive time delay when publishing geolocations.

For example, a person who is on vacation broadcasts to the world that their house is empty when publishing a photo with a geolocation.

Things like geolocation and email address are private information and need to be treated as such.

## Great Article

I love geolocation apps. I hope you didn't mind my voicing my pet peeves.

!WINE

👍 yggdrasil.laguna

`author`	yintercept
`permlink`	re-tykee-rv0y3d
`category`	hive-163521
`json_metadata`	{"tags":["hive-163521"],"app":"peakd/2023.5.1"}
`created`	2023-05-21 19:57:15
`last_update`	2023-05-21 19:57:15
`depth`	1
`children`	2
`last_payout`	2023-05-28 19:57:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	1,305
`author_reputation`	23,962,343,431,134
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,705,193
`net_rshares`	0
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
yggdrasil.laguna	0 B		0	5%

@tykee · May 21 '23

$0.04

This is a great comment and I agree with them. There are dangers that come with location and it should be used right.  Thank you for the gift and the valuable comment.

👍 yintercept, yggdrasil.laguna

`author`	tykee
`permlink`	rv10wp
`category`	hive-163521
`json_metadata`	{"app":"hiveblog/0.1"}
`created`	2023-05-21 20:58:06
`last_update`	2023-05-21 20:58:06
`depth`	2
`children`	0
`last_payout`	2023-05-28 20:58:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.018 HBD
`curator_payout_value`	0.018 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	167
`author_reputation`	232,935,449,922,164
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,707,689
`net_rshares`	79,680,674,082
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
yintercept	0 B		79,680,674,082	40%
yggdrasil.laguna	0 B		0	3%

@wine.bot · May 21 '23

<center>
<sup>Congratulations, @yintercept You Successfully Shared <b>0.100</b> <b>WINEX</b> With @tykee.</sup>
<sup>You Earned <b>0.100</b> <b>WINEX</b> As Curation Reward.</sup>
<sup>You Utilized <b>1/1</b> Successful Calls.</sup>

<img src="https://images.hive.blog/DQmSWfbie9MTC172sENiA16bsMaz1ofT6AAyTo1ishasrcX/winexcomment.png" alt="wine_logo">

---
<sup>Contact Us : [WINEX Token Discord Channel](https://discord.gg/rS3KzjJDCx)</sup>
<sup>[WINEX Current Market Price](https://hive-engine.com/?p=market&t=WINEX) : <b>0.094</b></sup>
---
<sup>Swap Your <b>Hive <=> Swap.Hive</b> With Industry <b>Lowest Fee (0.1%)</b> : [Click This Link](https://swaphive.github.io/swap/)</sup>
<sup>[Read Latest Updates](https://peakd.com/@hiveupme/posts) Or [Contact Us](https://discord.gg/rS3KzjJDCx)</sup>
</center>

properties (22)

`author`	wine.bot
`permlink`	20230521t195737190z
`category`	hive-163521
`json_metadata`	{"tags":["wine","token","winebot"],"app":"ecency/3.0.31-vision","format":"markdown+html"}
`created`	2023-05-21 19:57:36
`last_update`	2023-05-21 19:57:36
`depth`	2
`children`	0
`last_payout`	2023-05-28 19:57:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	823
`author_reputation`	2,782,560,914,577
`root_title`	"How to get user location using Javascript geolocation."
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	123,705,219
`net_rshares`	0