Комментарий: это гарнир только начал изучать HTML5 и теперь очень заинтересован в геолокации. Основная функция позиционирования карты реализована в сочетании с API Google Map. В основном используются следующие шаги: Получить текущее географическое местоположение и вызовите API Google Map API, чтобы получить текущую информацию о местоположении.
Это побочное блюдо только начало изучать HTML5 и теперь очень заинтересован в геолокации и объединяет API Google Map для реализации основных функций позиционирования карты.1. Получите текущее географическое местоположение
Вызовите метод void getCurrentPosition (OnSuccess, Onerror, Options);
В тех случаях, когда OnSuccess - это функция обратного вызова, выполняемая, когда текущая информация о местоположении будет успешной, OnError - это функция обратного вызова, выполняемая при сбое текущего местоположения, параметры - это дополнительные знакомые списки. Второй и третий параметры являются дополнительными атрибутами.
В функции обратного вызова OnSuccess позиция параметра используется для представления конкретного объекта положения и представления текущей позиции. Он имеет следующие свойства:
• Широта: широта нынешнего географического положения.
• Долгота: долгота нынешнего географического положения.
• Высота: высота текущего местоположения (нулевая, если его нельзя получить).
• Точность: точность (в метрах) полученной широты и долготы.
• Высокоэккурентность: долгота (в метрах) полученной высоты.
• Заголовок: направление устройства. Он представлен углом вращения по часовой стрелке, направленным на направление вперед (нулевой, если его нельзя извлечь).
• Скорость: прямая скорость устройства (в метрах/секунду, NULL, если его нельзя получить).
• TimeStamp: время, когда вы получаете информацию о геолокации.
В функции обратного вызова Onerror используется параметр ошибки. Он имеет следующие свойства:
• Код: код ошибки, со следующим значением.
1. Пользователь отклонил службу местоположения (значение атрибута 1);
2. Информация о местоположении не может быть получена (значение атрибута 2);
3. Получить ошибку интеллектуального тайм -аута (значение свойства 3).
• Сообщение: строка, содержащая конкретная информация об ошибке.
В параметре параметров дополнительные свойства следующие:
• EnableHighaccuracy: требуется ли высокая информация о геолокации.
• Тайм -аут: установите время ожидания (в миллисекундах).
• Максимация: допустимое время (в миллисекундах) для информации о геолокации кэша.
Обратите внимание, что вам нужно написать следующий код, чтобы определить, поддерживает ли браузер HTML5 для получения информации о географическом месте, чтобы быть совместимым с браузерами, которые не поддерживались ранее.
if (navigator.geolocation) {
// Получить текущую информацию о географическом месте
navigator.geolocation.getCurrentPosition (OnSuccess, Onerror, Options);
} еще {
Alert («Ваш браузер не поддерживает HTML5 для получения информации о геолокации»);
}
2. Позвоните в Google Map API, чтобы получить текущую информацию о местоположении
Во -первых, вам нужно ссылаться на файл сценария API Google Map API на странице. Метод импорта выглядит следующим образом.
<script type = "text/javascript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script>
Во -вторых, установите параметры карты, и метод настройки выглядит следующим образом.
// Укажите точку координаты на карте Google, а также укажите горизонтальные и вертикальные координаты точки координаты.
var latlng = new Google.maps.latlng (координации.
var myoptions = {
Увеличение: 14, // Установите увеличение
Центр: latlng, // установить центральную точку карты в указанную точку координаты
maptypeid: google.maps.maptypeid.roadmap // указать тип карты
};
Наконец, создайте карту и отобразите ее на странице, метод создания следующим образом
// Создать карту и отображать ее в карте страницы
var map = new Google.maps.map (document.getElementByid ("map"), myoptions);
В конце концов, все коды для этого примера представлены. Код показан ниже.
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<TILE> Получите текущее местоположение и отобразите его в Google Maps </title>
<script type = "text/javascript" src = "http://maps.google.com/maps/api/js?sensor=false"> </script>
<script type = "text/javascript">
function init () {
if (navigator.geolocation) {
// Получить текущее географическое местоположение
navigator.geolocation.getCurrentPosition (function (position) {
var Comports = position.coords;
//console.log(position);
// Укажите точку координаты на карте Google, а также укажите горизонтальные и вертикальные координаты точки координаты.
var latlng = new Google.maps.latlng (координации.
var myoptions = {
Увеличение: 14, // Установите увеличение
Центр: latlng, // установить центральную точку карты в указанную точку координаты
maptypeid: google.maps.maptypeid.roadmap // указать тип карты
};
// Создать карту и отображать ее в карте страницы
var map = new Google.maps.map (document.getElementByid ("map"), myoptions);
// Создать отметки на карте
var marker = new Google.maps.marker ({
Положение: latlng, // Нажмите на установленные координаты
Карта: карта // Установите эту аннотацию на только что созданной карте, которую вы только что создали
});
// Окно Тэг
var Infowindow = new Google.maps.infowindow ({
Содержание: «Текущее местоположение: <br/> long:» + latlng.lat () + »<br/> Dimension:« + latlng.lng () // Сообщение о приглашении в форме приглашения
});
// Откройте окно приглашения
Infowindow.open (Map, Marker);
},
функция (ошибка) {
// Ошибка обработки
Switch (error.code) {
Случай 1:
предупреждение («Отказ отказался.»);
перерыв;
Случай 2:
оповещение («Информация о местонахождении не может быть получена на данный момент»);
перерыв;
Случай 3:
Alert («Получите информационную тайм -аут»);
перерыв;
по умолчанию:
оповещение («неизвестная ошибка»);
перерыв;
}
});
} еще {
Alert («Ваш браузер не поддерживает HTML5 для получения информации о геолокации»);
}
}
</script>
</head>
<тело>
<div> </div>
</body>
</html>