Javascript pass geolocation as string variable

Question

I want to tag camera photos with geolocation (coordinates are fine). Here's a piece of my code:

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition, showError);

    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
     return position.coords.latitude + " " + position.coords.longitude;
}

and inside the method takePhoto() I have:

...

    context.drawImage(video, 0, 0, 640, 480);
    var loc = getLocation();
    context.strokeText(loc, 10, 50);

...

My problem is that I don't know how to pass a variable that holds the location coordinates, I've tried many things but without success. Anybody any ideas?

Thanks.

EDIT: I would like it to look something like this:

what you expect, can show example?

Vadim Hulevich
– Vadim Hulevich

2019-01-25 09:04:32 +00:00
Commented Jan 25, 2019 at 9:04 — Vadim Hulevich
– Vadim Hulevich, Commented Jan 25, 2019 at 9:04
I added an edit with picture

Sonya Voneva
– Sonya Voneva

2019-01-25 09:15:34 +00:00
Commented Jan 25, 2019 at 9:15 — Sonya Voneva
– Sonya Voneva, Commented Jan 25, 2019 at 9:15

Vadim Hulevich · Accepted Answer · 2019-01-25 10:30:32Z

1

you need async await for resolve this issue

function takePhoto(position) {
    document.getElementById("x").innerHTML = position.coords.latitude + " " + position.coords.longitude;
}

function getLocation() {

    return new Promise((resolve,reject) => {
        if (navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(position) {
                return resolve(position);
            }, function(err) {
                return reject(err);
            });

        } else {
            return reject("Geolocation is not supported by this browser.");
        }
    })


}

(async function() {

    const coords = await getLocation();

    takePhoto(coords);


})().then(() => {
    console.log("done")
}).catch((err) => {
    console.error(err);
})

<div id="x">empty</div>

edited Jan 25, 2019 at 10:30

answered Jan 25, 2019 at 9:29

Vadim Hulevich

1,83312 silver badges17 bronze badges

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

2 Comments

Sonya Voneva Over a year ago

thanks but that doesn't help cause I want to pass this variable to the method takePhoto() and put the coordinates ON the photo...

Vadim Hulevich Over a year ago

i've change code and now you can pass variable to the method

Collectives™ on Stack Overflow

Javascript pass geolocation as string variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related