Anda dapat menggunakan geolocator.js untuk mendapatkan zona waktu dengan mudah dan banyak lagi ...
Ini menggunakan Google API yang membutuhkan kunci. Jadi, pertama-tama Anda mengkonfigurasi geolocator:
geolocator.config({
language: "en",
google: {
version: "3",
key: "YOUR-GOOGLE-API-KEY"
}
});
Dapatkan TimeZone jika Anda memiliki koordinat:
geolocator.getTimeZone(options, function (err, timezone) {
console.log(err || timezone);
});
Contoh output:
{
id: "Europe/Paris",
name: "Central European Standard Time",
abbr: "CEST",
dstOffset: 0,
rawOffset: 3600,
timestamp: 1455733120
}
Temukan kemudian dapatkan TimeZone dan lainnya
Jika Anda tidak memiliki koordinat, Anda dapat menemukan posisi pengguna terlebih dahulu.
Contoh di bawah ini pertama-tama akan mencoba API Geolokasi HTML5 untuk mendapatkan koordinat. Jika gagal atau ditolak, itu akan mendapatkan koordinat melalui pencarian Geo-IP. Akhirnya, itu akan mendapatkan zona waktu dan banyak lagi ...
var options = {
enableHighAccuracy: true,
timeout: 6000,
maximumAge: 0,
desiredAccuracy: 30,
fallbackToIP: true, // if HTML5 fails or rejected
addressLookup: true, // this will get full address information
timezone: true,
map: "my-map" // this will even create a map for you
};
geolocator.locate(options, function (err, location) {
console.log(err || location);
});
Contoh output:
{
coords: {
latitude: 37.4224764,
longitude: -122.0842499,
accuracy: 30,
altitude: null,
altitudeAccuracy: null,
heading: null,
speed: null
},
address: {
commonName: "",
street: "Amphitheatre Pkwy",
route: "Amphitheatre Pkwy",
streetNumber: "1600",
neighborhood: "",
town: "",
city: "Mountain View",
region: "Santa Clara County",
state: "California",
stateCode: "CA",
postalCode: "94043",
country: "United States",
countryCode: "US"
},
formattedAddress: "1600 Amphitheatre Parkway, Mountain View, CA 94043, USA",
type: "ROOFTOP",
placeId: "ChIJ2eUgeAK6j4ARbn5u_wAGqWA",
timezone: {
id: "America/Los_Angeles",
name: "Pacific Standard Time",
abbr: "PST",
dstOffset: 0,
rawOffset: -28800
},
flag: "//cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.3.1/flags/4x3/us.svg",
map: {
element: HTMLElement,
instance: Object, // google.maps.Map
marker: Object, // google.maps.Marker
infoWindow: Object, // google.maps.InfoWindow
options: Object // map options
},
timestamp: 1456795956380
}