Geolocation API is not working with Vue.js

Question

I am trying to grab geolocation for my app. Geolocation should be grabbed on created hook.

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(displayLocationInfo);
}

function displayLocationInfo(position) {
  const lng = position.coords.longitude;
  const lat = position.coords.latitude;

  console.log(`longitude: ${ lng } | latitude: ${ lat }`);
}

But my console is empty.

my console prints longitude: 90.3979008 | latitude: 23.765811199999998 after giving permission — A l w a y s S u n n y
– A l w a y s S u n n y, Commented Sep 30, 2018 at 8:35

A l w a y s S u n n y · Accepted Answer · 2018-09-30 09:04:54Z

1

The real way to use Geolocation API is to check the availability of it on your device/browser before using it, so just add an else block to your existing code. Hope it'll help :) See more at MDN

if ("geolocation" in navigator) {
  /* geolocation is available */
  navigator.geolocation.getCurrentPosition(displayLocationInfo);
  
  function displayLocationInfo(position) {
    const lng = position.coords.longitude;
    const lat = position.coords.latitude;

    console.log(`longitude: ${ lng } | latitude: ${ lat }`);
  }
} else {
  /* geolocation IS NOT available  */
  console.log('geolocation IS NOT available on your browser');
}

edited Sep 30, 2018 at 9:04

answered Sep 30, 2018 at 8:47

A l w a y s S u n n y

38.8k9 gold badges68 silver badges120 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Phil Over a year ago

"geolocation" in navigator and navigator.geolocation are fairly equivalent as far as boolean expressions go

A l w a y s S u n n y Over a year ago

@Phil totally agreed with you Sir, Edited, Thankz :)

Ulukbek Abylbekov Over a year ago

i know what is the problem. I added Timeout for 5 sec. And after 5 sec it says: "Uncaught (in promise) no position access"

A l w a y s S u n n y Over a year ago

Ohh , but you didn't provide full code with timeout. Ok best of luck

user3072843 Over a year ago

Try it over HTTPS

Collectives™ on Stack Overflow

Geolocation API is not working with Vue.js

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related