Загрузка Web GPS Template - Загрузка исходного кода Web GPS Template

Web GPS Template

Данные веб-сайта

1.0.0

Скачать

Веб-GPS-шаблон

Планируете создать гибридное приложение? Планируете использовать в нем GPS? Тогда этот шаблон для вас!

Страницы для редактирования:

маркер.js -> удерживает маркеры внутри карты
nav-dialogs.js -> содержит методы, используемые шаблоном ящика (боковая панель)
info.js -> содержит методы, используемые событиями, когда пользователь щелкает или касается маркера внутри карты.
Navigation.js -> управляет диалоговым окном, используемым приложением.
main.css -> макет этой страницы
templates.css -> некоторые варианты дизайна (цвет фона), которые используются как index.html, так и на этой странице.

Папка веб-интерфейса создается автоматически плагином qgis2web для qgis. Если вы создаете новую карту и используете плагин qgis2web, этот шаблон очень совместим. Хотя я внес некоторые изменения в qgis2web.js для поддержки ручного режима (ручная установка координат GPS), так что имейте это в виду при изменении содержимого веб-интерфейса.

Этот шаблон не выполняет поиск и сравнение координат местоположений, но вы можете создать свой собственный. Просто используйте эти методы Javascript, чтобы узнать ваше текущее местоположение.

Известные методы и переменные JavaScript, которые можно использовать:

geolocation.getPosition() -> Этот метод дает текущее местоположение пользователя по GPS.
externalGeoLocate() -> Обновляет текущее местоположение пользователя по GPS.
manualcoords -> Ваши вручную установленные GPS-координаты. Вызывайте эту переменную только в том случае, если для параметра manualmode установлено значение true.

Я думаю, что OpenLayers (тот, который сделал возможным этот шаблон) имеет свой собственный метод сравнения координат, вы тоже можете его использовать!

Примеры кодов для сравнения и поиска координат

  if ( typeof ( geolocation . getPosition ( ) ) === "undefined" && manualmode == false ) {
    return false ;
  }

  if ( manualmode ) {
    coords = manualcoords ;
  }
  else {
    coords = geolocation . getPosition ( ) ;
  }
  
  // Assume that we have a list of coordinates (objects that contain
  // x and y values). We compare each one of them using the classic
  // formula of [distance between two points]
  // (http://www.mathwarehouse.com/algebra/distance_formula/index.php) 
  // then push it to an array called selected
  for ( var i = 0 ; i < list . length ; i ++ ) {
    var icon = list [ i ] ;
    var dist = Math . sqrt ( Math . pow ( ( coords [ 0 ] - icon . x ) , 2 ) + Math . pow ( ( coords [ 1 ] - icon . y ) , 2 ) ) ;
    
    // If distance is close to the 2500m radius, then it is included
    if ( dist <= 2500 ) {
      selected . push ( icon ) ;
    }
  }