API-ul de geolocalizare HTML5 permite utilizatorilor să partajeze informații despre locația lor (coordonatele de latitudine și latitudine într-un browser) în aplicațiile web.
Pentru a face acest lucru, utilizatorul trebuie să permită abilitatea de a-și determina locația.
Geolocation API este susținut de majoritatea browserelor moderne: Firefox 3.5+, Opera 10.6+, Chrome 5+, Safari 5+ și Internet Explorer 9+.
În acest articol voi descrie modul de utilizare a acestei funcții cu diferite hărți API.
În primul rând, trebuie să verificați dacă API-ul de geolocalizare HTML5 este acceptat de utilizator.
Acest lucru se poate face folosind următorul cod:
Puteți stabili locația utilizatorului utilizând următorul cod:
Conectăm două exemple de cod în unul, vom primi exemplul elementar de definire a poziției utilizatorului:
![Utilizăm html5 geolocation api - cartografia web de divertisment (folosind exemplul Maps) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-54cf3b6c.jpg)
Trebuie să permiteți raportarea locației.
Apoi vom vedea o fereastră cu coordonate
![Folosim html5 geolocation api - distracție web-cartography (geolocation) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-119fc1fe.jpg)
Este mai informativ dacă locația este afișată imediat pe hartă.
Luați în considerare modul în care acest lucru se poate face folosind diferite hărți API (Google, Bing, Nokia Maps, Yandex.Maps și OpenStreetMap).
1. Exemplu utilizând API-ul Yandex.Maps
![Utilizăm html5 geolocation api - cartografia web distractivă (exemplu folosind OpenStreetMap) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-009b26d4.jpg)
2. Un exemplu folosind API-ul Google Maps
![Utilizăm html5 geolocation api - cartografia web de divertisment (folosind exemplul Maps) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-2ad047b7.jpg)
3. Un exemplu folosind API-ul Maps Bing
![Utilizăm html5 geolocation api - cartografia web distractivă (exemplu folosind OpenStreetMap) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-7af9feee.jpg)
4. Un exemplu folosind API-ul Nokia Maps
![Folosim html5 geolocation api - distracție web-cartography (geolocation) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-22a089bd.jpg)
5. Un exemplu folosind OpenStreetMap și biblioteca de prospecte
![Utilizăm html5 geolocation api - cartografia web de divertisment (folosind exemplul Maps) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-1788727c.jpg)
6. Un exemplu folosind OpenStreetMap și API-ul Yandex.Mark
![Folosim html5 geolocation api - cartografie web distractiva (html5) Folosim html5 geolocation api - cartografie web distractiva](https://images-on-off.com/images/163/ispolzuemhtml5geolocationapizanimatelnay-07f095cb.jpg)
Navigare după înregistrări
Și cum să utilizați această funcție pentru a căuta cel mai apropiat magazin (toate acestea
30) în funcție de locația utilizatorului?
Și numele orașului din care cardurile API sunt mai ușor de tras. pentru a afișa informații pentru orașul dorit?