Geolocation
Download as PPSX, PDF0 likes329 views
Документ описывает геолокацию в HTML5, включая различные методы определения местоположения, такие как IP-локация, GPS и Wi-Fi, а также их преимущества и недостатки. Рассматривается поддержка Geolocation API и его основные функции, включая обработку ошибок. Приведены примеры кода для использования Geolocation API и возможные источники информации.
![ОСНОВНЫЕ ФУНКЦИИ API
• Проверка поддержки - navigator.geolocation
• Запрос позиции – void getCurrentPosition(successCallBack,
[errorCallBack], [Options])
• Аттрибуты
• enableHighAccuracy
• timeout
• maximumAge
getCurrentPosition(UpdatePosition, HandleError, {timeout:10000});
function UpdatePosition(position);
function HandleError(error);
10](https://image.slidesharecdn.com/html5-111030044936-phpapp01/85/Geolocation-10-320.jpg)
Geolocation
- 2. ИСТОРИЯ HTML5 2
- 3. ОСНОВЫ ГЕОЛОКАЦИИ • IP-локация • Триангуляция: o Wi-Fi o Вышки сотовой связи o GPS 3
- 4. IP ЛОКАЦИЯ • Преимущества • Имеет широкое применение • Выполняется на стороне сервера • Недостатки • Низкая точность • Высокая стоимость 4
- 5. GPS • Преимущества • Высокая точность • Высокоэффективная в сельской местности • Недостатки • Затруднена работа в помещении • Затруднена работа в многоэтажной застройке • Длительное получение резултатов 5
- 6. WI-FI • Приемущества • Высокая точность • Работа внутри помещений • Высокая скорость • Недостатки • Недостаточная точность в сельской местности 6
- 7. СОТОВАЯ СВЯЗЬ • Преимущества • Хорошая точность • Работа внутри помещениий • Высокая скорость • Недостатки • Требуется доступ к устройству с мобильной связью • Низкая точность в сельской местности 7
- 10. ОСНОВНЫЕ ФУНКЦИИ API • Проверка поддержки - navigator.geolocation • Запрос позиции – void getCurrentPosition(successCallBack, [errorCallBack], [Options]) • Аттрибуты • enableHighAccuracy • timeout • maximumAge getCurrentPosition(UpdatePosition, HandleError, {timeout:10000}); function UpdatePosition(position); function HandleError(error); 10
- 11. ОБРАБОТКА ОШИБОК • Функция обработки ошибок принимает параметр error. Возможные значения параметра: • UNKNOW_ERROR (код ошибки 0) • PERMISSION_DENIED (код ошибки 1) • POSITION_UNAVAILABLE (код ошибки 2) • TIMEOUT (код ошибки 3) 11
- 12. ПРИМЕР КОДА function start() { if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(UpdateLocation, ErrorHandle) } else { alert('You browser do not support Geolocation API!'); } } function UpdateLocation(position) { document.getElementById('longitude').innerHTML = position.coords.longitude; document.getElementById('latitude').innerHTML = position.coords.latitude; document.getElementById('accuracy').innerHTML = position.coords.accuracy; } function ErrorHandle(error) { switch(error.code) { case 0: document.getElementById('error').innerHTML = 'Unknown error'; break; case 1: document.getElementById('error').innerHTML = 'Denied by user'; break; case 2: document.getElementById('error').innerHTML = 'Cannot retrive position'; break; case 3: document.getElementById('error').innerHTML = 'Timeout'; break; } } 12
- 13. ПРИМЕР РАБОТЫ 13
- 14. ИСПОЛЬЗОВАННЫЕ ИСТОЧНИКИ • http://evolutionofweb.appspot.com • http://caniuse.com • http://maps.yandex.ru • Лабберс П., Олберс Б., Салим Ф. HTML5 для профессионалов 14