HTML5 геопозиционирование
HTML5 Geolocation (геопозиционирование) используется для определения местоположения пользователя.
Найдите положение пользователя
HTML5 Geolocation API, чтобы получить местоположение пользователя.
С учетом этой функции может привести к нарушению конфиденциальности пользователей, если пользователь не согласен с тем, в противном случае, информация о местоположении пользователя не доступна.
Поддержка браузеров
Internet Explorer 9 +, Firefox, Chrome, Safari и Opera поддержка геолокации (географическое положение).
Примечание: Geolocation () Для геопозиционированияустройств с GPS, таких как iPhone, более точного геопозиционирования.
HTML5 - Использование гео-таргетинга
Используйте метод getCurrentPosition (), чтобы получить местоположение пользователя.
Следующий пример представляет собой простой экземпляр геолокации, пользователь может вернуться к широты и долготы местоположения:
примеров
Функция getLocation ()
{
если (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition (showPosition);
}
еще
{
x.innerHTML = "Этот браузер не поддерживает получение местоположения.";
}
}
Функция showPosition (позиция)
{
x.innerHTML = "Lat:" + position.coords.latitude +
"<br> Долгота:" + position.coords.longitude;
}
Попробуйте »
Примеры анализа:
- Он проверяется на геопозиционирование
- Если эта функция поддерживается, запустите метод getCurrentPosition (). Если нет, то он отображает сообщение пользователю.
- Если getCurrentPosition () завершается успешно, функция возвращает параметры, указанные в целевом showPosition координатах
- showPosition () функция извлекает и отображает широту и долготу
Приведенный выше пример является очень простой скрипт геопозиционирование, безошибочную обработку.
Обработка ошибок и отклоненные
Метод второй параметр getCurrentPosition () для обработки ошибок. Он определяет, когда функция прибудете работать, когда местоположение пользователя не удалось:
примеров
{
Переключатель (error.code)
{
случай error.PERMISSION_DENIED:
x.innerHTML = "пользователь отказался получить запрос о местоположении."
перерыв;
случай error.POSITION_UNAVAILABLE:
x.innerHTML = "информация о местоположении не доступна."
перерыв;
случай error.TIMEOUT:
x.innerHTML = "Запрос местоположения пользователя истекло."
перерыв;
случай error.UNKNOWN_ERROR:
x.innerHTML = "Неизвестная ошибка."
перерыв;
}
}
Попробуйте »
Код ошибки:
- Доступ запрещен - пользователю не разрешено геопозиционирования
- Позиция недоступна - Невозможно получить текущую позицию
- Тайм-аут - Тайм-аут операции
Результаты на карте
Для отображения результатов в карте, вам необходимо получить доступ можно использовать широту и долготу картографических сервисов, таких как Google Maps или Baidu карте:
примеров
{
вар LatLon = position.coords.latitude + "," + position.coords.longitude;
переменная img_url = "http://maps.googleapis.com/maps/api/staticmap?center="
+ LatLon + "и увеличение = 14 & размер = 400x300 & датчик = ложь";
document.getElementById ( "mapholder") innerHTML = "<IMG SRC = '" + img_url + ">" .;
}
Попробуйте »
В приведенном выше примере, мы используем данные широты и долготы, возвращаемые позиции отображения (с использованием статических изображений) на Google Maps.
Google Maps скрипт
Выше ссылка показывает, как использовать сценарий, чтобы отобразить интерактивную карту с маркером, масштабирования и опции перетаскивания.
К информации данной местности
На этой странице показано, как отображать местоположение пользователя на карте. Однако геолокации информация для данного местоположения также очень полезно.
Пример:
- Обновление локальной информации
- Показать точки интереса вокруг пользователя
- Интерактивная навигационная система (GPS)
getCurrentPosition () метод - возврат данных
T в случае успеха, метод getCurrentPosition () возвращает объект. Всегда возвращает широта, долгота и точность свойств. При наличии следующее дополнительное свойство возвращается.
| 属性 | 描述 |
|---|---|
| coords.latitude | 十进制数的纬度 |
| coords.longitude | 十进制数的经度 |
| coords.accuracy | 位置精度 |
| coords.altitude | 海拔，海平面以上以米计 |
| coords.altitudeAccuracy | 位置的海拔精度 |
| coords.heading | 方向，从正北开始以度计 |
| coords.speed | 速度，以米/每秒计 |
| timestamp | 响应的日期/时间 |
Geolocation объект - другие интересные методы
watchPosition () - возвращает текущее местоположение пользователя, и продолжать возвращать обновленную позицию (например, GPS на автомобиле), когда пользователь перемещает.
Метод Stop watchPosition () - clearWatch ()
В следующем примере показан метод watchPosition (). Вам необходимо точное устройство GPS, чтобы проверить случаи (например, iPhone):
примеров
Функция getLocation ()
{
если (navigator.geolocation)
{
navigator.geolocation.watchPosition (showPosition);
}
еще
{
x.innerHTML = "Этот браузер не поддерживает получение местоположения.";
}
}
Функция showPosition (позиция)
{
x.innerHTML = "Lat:" + position.coords.latitude +
"<br> Долгота:" + position.coords.longitude;
}
Попробуйте »