Геолокация в HTML5

Сентябрь 7, 2022

Главная
Алгебра
Геолокация в HTML5

Содержание

2. ИСТОРИЯ HTML5
3. ОСНОВЫ ГЕОЛОКАЦИИ IP-локация Триангуляция: Wi-Fi Вышки сотовой связи GPS
4. IP ЛОКАЦИЯ Преимущества Имеет широкое применение Выполняется на стороне сервера Недостатки Низкая точность Высокая стоимость
5. GPS Преимущества Высокая точность Высокоэффективная в сельской местности Недостатки Затруднена работа в помещении Затруднена работа в
6. WI-FI Приемущества Высокая точность Работа внутри помещений Высокая скорость Недостатки Недостаточная точность в сельской местности
7. СОТОВАЯ СВЯЗЬ Преимущества Хорошая точность Работа внутри помещениий Высокая скорость Недостатки Требуется доступ к устройству с
8. ПОДДЕРЖКА GEOLOCATION API
9. ЗАЩИТА ЛИЧНОЙ ИНФОРМАЦИИ
10. ОСНОВНЫЕ ФУНКЦИИ API Проверка поддержки - navigator.geolocation Запрос позиции – void getCurrentPosition(successCallBack, [errorCallBack], [Options]) Аттрибуты enableHighAccuracy
11. ОБРАБОТКА ОШИБОК Функция обработки ошибок принимает параметр error. Возможные значения параметра: UNKNOW_ERROR (код ошибки 0) PERMISSION_DENIED
12. ПРИМЕР КОДА function start() { if(navigator.geolocation) { navigator.geolocation.getCurrentPosition(UpdateLocation, ErrorHandle) } else { alert('You browser do not
13. ПРИМЕР РАБОТЫ
15. Скачать презентацию

Слайд 2

ИСТОРИЯ HTML5

Слайд 3

ОСНОВЫ ГЕОЛОКАЦИИ
IP-локация
Триангуляция:
Wi-Fi
Вышки сотовой связи
GPS

Слайд 4

IP ЛОКАЦИЯ
Преимущества
Имеет широкое применение
Выполняется на стороне сервера
Недостатки
Низкая точность
Высокая стоимость

Слайд 5

GPS
Преимущества
Высокая точность
Высокоэффективная в сельской местности
Недостатки
Затруднена работа в помещении
Затруднена работа в многоэтажной

застройке
Длительное получение резултатов

Слайд 6

WI-FI
Приемущества
Высокая точность
Работа внутри помещений
Высокая скорость
Недостатки
Недостаточная точность в сельской местности

Слайд 7

СОТОВАЯ СВЯЗЬ
Преимущества
Хорошая точность
Работа внутри помещениий
Высокая скорость
Недостатки
Требуется доступ к устройству с мобильной

связью
Низкая точность в сельской местности

Слайд 8

ПОДДЕРЖКА GEOLOCATION API

Слайд 9

ЗАЩИТА ЛИЧНОЙ ИНФОРМАЦИИ

Слайд 10

ОСНОВНЫЕ ФУНКЦИИ API
Проверка поддержки - navigator.geolocation
Запрос позиции – void getCurrentPosition(successCallBack, [errorCallBack],

[Options])
Аттрибуты
enableHighAccuracy
timeout
maximumAge
getCurrentPosition(UpdatePosition, HandleError, {timeout:10000});
function UpdatePosition(position);
function HandleError(error);

Слайд 11

ОБРАБОТКА ОШИБОК
Функция обработки ошибок принимает параметр error. Возможные значения параметра:
UNKNOW_ERROR (код

ошибки 0)
PERMISSION_DENIED (код ошибки 1)
POSITION_UNAVAILABLE (код ошибки 2)
TIMEOUT (код ошибки 3)

Слайд 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;
}
}

Слайд 13

Геолокация в HTML5

Содержание

ИСТОРИЯ HTML5

ОСНОВЫ ГЕОЛОКАЦИИIP-локацияТриангуляция:Wi-FiВышки сотовой связиGPS

IP ЛОКАЦИЯПреимуществаИмеет широкое применениеВыполняется на стороне сервераНедостаткиНизкая точностьВысокая стоимость

GPSПреимуществаВысокая точностьВысокоэффективная в сельской местностиНедостаткиЗатруднена работа в помещенииЗатруднена работа в многоэтажной

WI-FIПриемуществаВысокая точностьРабота внутри помещенийВысокая скоростьНедостаткиНедостаточная точность в сельской местности

СОТОВАЯ СВЯЗЬПреимуществаХорошая точностьРабота внутри помещениийВысокая скоростьНедостаткиТребуется доступ к устройству с мобильной

ПОДДЕРЖКА GEOLOCATION API

ЗАЩИТА ЛИЧНОЙ ИНФОРМАЦИИ

ОСНОВНЫЕ ФУНКЦИИ APIПроверка поддержки - navigator.geolocationЗапрос позиции – void getCurrentPosition(successCallBack, [errorCallBack],

ОБРАБОТКА ОШИБОКФункция обработки ошибок принимает параметр error. Возможные значения параметра:UNKNOW_ERROR (код

ПРИМЕР КОДА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

ПРИМЕР РАБОТЫ

Похожие презентации