Este é um aplicativo HTML5 que mostra você em tempo real, onde um rastreador de GPS está localizado em relação à sua localização. As informações sobre o rastreador são extraídas do sistema Lorawan TTN (The Things Network).
Este aplicativo leva em consideração sua própria localização e cabeçalho, em oposição a alternativas que mostram a posição absoluta do rastreador em um mapa. Principalmente útil quando o alvo fica a uma distância de algumas centenas de metros (~ 600 pés).
Trabalho em andamento. Procurando obter contribuições e feedback.
Leia https://blog.yavilevich.com/2020/12/real-time-location-tracking-of-individuals-or-things-that-are-iportant-to--you/ que é uma documentação/referência de fato para este projeto.
Você precisa ter um rastreador LORA em funcionamento (como LGT-92 ou algo DIY, como um feixe T TTGO executando ESP32-paxCounter).
O rastreador deve se reportar a um aplicativo TTN.
Você precisa ter informações de latitude e longitude adequadamente analisadas na carga útil.
Você precisa ativar a integração de "armazenamento de dados" para o aplicativo.
Em seguida, vá para https://ayavilevich.github.io/ttn-tracker-locator/
Em "Configurações", forneça o ID do aplicativo TTN relevante, o ID do dispositivo TTN e um token de acesso TTN.
A melhor prática seria criar um token de acesso dedicado para esse uso. As configurações são armazenadas localmente no navegador. Este aplicativo não tem back-end próprio.
Ajuste outras propriedades opcionais em "Configurações", salve e recarregue os dados na tela principal.
Se tudo estiver funcionando, você conseguiria o caminho recente do rastreador em relação à sua posição e orientação. Se algo não funcionar, solucione problemas na tela "dados" ou usando o console TTN. Se você deseja relatar um problema, faça -o no repositório.
O https://ayavilevich.github.io/ttn-tracker-locator/ é uma compilação que eu hospedo, pré-configurado com um proxy CORS correspondente e um token de acesso ao MapBox para que você não precise obter o seu. Se você deseja hospedar sua própria versão, forneça esses recursos por conta própria.
No Firefox, não há dados de bússola (seu cabeçalho se fixo) - alternativa, use o Chrome
Se estiver usando o Google Map como provedor de mapa, o mapa não está girando - limitação do Google Maps - Solução alternativa, use o MapBox
No Chrome e usando o Google Map como provedor de mapas, os marcadores estão piscando - solução alternativa, use MapBox
Todos os tipos de falhas visuais e dificuldades de UX, especialmente em dispositivos móveis.
Dados de recarregar automaticamente
Adicione suporte para vários rastreadores de uma só vez.