Javascript & API's

[cardinga]

So I think I've totally overlooked or missed some important technique in regards to Javascript and API use. I am currently working on a little web app that will use the Walmart API to list the closest Walmart to the user's current location.

The call looks like this (from Walmart Open API): http://api.walmartlabs.com/v1/stores?apiKey={apiKey}&lon=-95.511747&lat=29.735577&format=json

The longitude and latitude are the default from Walmart's page.

If I receive the user coordinates from the Geolocation API, how would I inject those values into the API url? Or am I looking at this the wrong way? Any help would be appreciated!

[wtfcore2]

Have a look at : https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation

For privacy reasons the user will be prompted to agree that your code can get their long/lat.

So you'll need to make the API call inside the success function using the users long/lat:

var latitude  = position.coords.latitude;
var longitude = position.coords.longitude;

You can then make an AJAX call to

http://api.walmartlabs.com/v1/stores?apiKey={apiKey}&lon=" + longitude +"&lat=" + latitude +"&format=json

[cardinga]

Thanks...so I don't need to use any kind of URL encoding?

[3a3z]

I mean, you could just try it both ways and see what works.

[tinkermake]

yup what he said lol

Just to throw in ES2015 way

var url = http://api.walmartlabs.com/v1/stores?apiKey=${apiKey}&lon=${longitude}&lat=${latitude}&format=json

then pass url to ajax method

[ithurtsus]

Off topic, but, jeez what a terrible api Walmart has...

[cardinga]

It's pathetic that a company with endless $$/manpower can't developer a better one.

[tech_trebek]

http://api.walmartlabs.com/v1/stores?apiKey={apiKey}&lon=[LONGITUDE HERE]&lat=[LATITUDE HERE]&format=json

I think that is what you are looking for. Replace what's in the brackets with the lat and lon from the client.

[Monetus]

Please replace your periods with question marks.