Overview
Command Line Interface
API Documentation
HTML5 Geolocation with ipdata fallback
An example of how you would use the ipdata API as a fallback for when HTML5 Geolocation fails or if the user blocks geolocation requests from your website.
This example is adapted from the Wikipedia article on W3C Geolocation. Note that it handles every error by making a call to the ipdata API to get the lat/long.
Also note that instead of getting the lat/long (that is when you fall back to our service) and then using another service to geocode the lat/long to a place i.e. city or country. You could simply get the country, city, region, postal code and numerous other attributes from the
this.responseText response object in the example below.1
const geoFindMe = () => {
2
if (navigator.geolocation) {
3
navigator.geolocation.getCurrentPosition(success, error, geoOptions);
4
} else {
5
console.log("Geolocation services are not supported by your web browser.");
6
}
7
}
8
9
const success = (position) => {
10
const latitude = position.coords.latitude;
11
const longitude = position.coords.longitude;
12
const altitude = position.coords.altitude;
13
const accuracy = position.coords.accuracy;
14
console.log(`lat: ${latitude} long: ${longitude}`);
15
}
16
17
const error = (error) => {
18
var request = new XMLHttpRequest();
19
request.open('GET', 'https://api.ipdata.co/?api-key=test');
20
request.setRequestHeader('Accept', 'application/json');
21
request.onreadystatechange = function () {
22
if (this.readyState === 4) {
23
data = JSON.parse(this.responseText)
24
console.log(`lat: ${data.latitude} long: ${data.longitude}`);
25
}
26
};
27
request.send();
28
}
29
30
const geoOptions = {
31
enableHighAccuracy: true,
32
maximumAge: 30000,
33
timeout: 27000
34
};
35
36
// call the function
37
geoFindMe()
Copied!
Use Cases - Previous
How to get a client's IP address using JavaScript
Next - Use Cases
Get the location from an IP Address in Javascript
Last modified 2yr ago
Copy link