Sie können geolocator.js verwenden um auf einfache Weise Zeitzonen und mehr zu erhalten ...
Es werden Google-APIs verwendet, für die ein Schlüssel erforderlich ist. Zuerst konfigurieren Sie den Geolocator:
geolocator.config({
language: "en",
google: {
version: "3",
key: "YOUR-GOOGLE-API-KEY"
}
});
Holen Sie sich TimeZone, wenn Sie die Koordinaten haben:
geolocator.getTimeZone(options, function (err, timezone) {
console.log(err || timezone);
});
Beispielausgabe:
{
id: "Europe/Paris",
name: "Central European Standard Time",
abbr: "CEST",
dstOffset: 0,
rawOffset: 3600,
timestamp: 1455733120
}
Suchen Sie dann TimeZone und mehr
Wenn Sie die Koordinaten nicht haben, können Sie zuerst die Benutzerposition suchen.
Im folgenden Beispiel wird zunächst die HTML5-Geolocation-API ausprobiert, um die Koordinaten abzurufen. Wenn es fehlschlägt oder abgelehnt wird, werden die Koordinaten über die Geo-IP-Suche abgerufen. Endlich bekommt es die Zeitzone und mehr ...
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);
});
Beispielausgabe:
{
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
}