Inhoudsopgave
De Geolocatie-API maakt geen deel uit van de standaard van HTML5Het is echter nauw verwant omdat we dankzij HTML5 gemakkelijker de functionaliteiten kunnen integreren.De geolocatie stelt ons in staat om door middel van coördinaten de geschatte positie te lokaliseren van het systeem of de apparatuur van waaruit de gebruiker toegang heeft tot de bron, pagina of webdocument waar we de API hebben geïmplementeerd.
Huidige positie verkrijgen
Dit is misschien wel een van de nuttigste toepassingen die we aan deze API kunnen geven, omdat we, door ons toe te staan de terminal te lokaliseren die toegang heeft tot onze pagina's, regionale inhoud kunnen oproepen, misschien effectiever advertenties kunnen aanbieden of eenvoudigweg statistieken per locatie kunnen genereren. een directere manier zonder afhankelijk te zijn van derden.
Om de locatiecoördinaten te verkrijgen zijn we afhankelijk van de volgende methode:
getCurrentPosition (callback, errorCallback, opties)
Deze methode verkrijgt de huidige positie van het systeem dat de pagina binnenkomt, het is niet gemaakt om direct een resultaat te retourneren, maar we kunnen het een andere functie doorgeven waarbij we de gegevens voorbereiden met wat we van de methode kunnen ontvangen.
Laten we de volgende code eens bekijken, zodat we een deel van de implementatie van deze functionaliteit begrijpen:
De bediening is eenvoudig, navigator-object We vertellen je dat je toegang moet krijgen tot de geolocatie-eigenschappen, te beginnen met de methode getCurrentPosition (), hieraan geven we een functie door als een argument dat de verschillende opties bepaalt die moeten worden geïnitialiseerd en hun waarden aannemen.
Machtigingen voor geolokalisatie
Omdat dit een beetje invasief kan zijn met de privacy van de gebruikers, bij het aanroepen van de verschillende geolocatie methoden: Het is mogelijk dat de browser de gebruiker om toestemming vraagt om hun positie door te geven, dus het kan zijn dat we op dit moment niet alle gegevens verkrijgen met deze API.
Afhankelijk van het apparaat kan de API verschillende bronnen gebruiken om de positie te verkrijgen, het kan de ingebouwde GPS gebruiken, de WI-FI-netwerken, uiteindelijk kan het het IP-adres gebruiken en dankzij het de relatie van onze serviceprovider en een schatting geven van de locatie van de gebruiker.
Toegepast voorbeeld
Laten we eens kijken naar de code in de HTML Om de hierboven beschreven methode te gebruiken:
Voorbeeld
| Lengte: | - | Breedtegraad: | - |
|---|---|---|---|
| Hoogte: | - | Precisie: | - |
| Hoogtenauwkeurigheid: | - | rubriek: | - |
| Snelheid: | - | Tijd: | - |
Nu zien we hoe de browser onze toestemming vraagt om de gegevens van onze locatie te geven:
