Os dados ficam muito mais bonitos quando os pode visualizar. Este projeto torna fácil mostrar dados de sensores de nodes LoRaWAN conectados à rede Things num mapa. Porque todos podem adicionar os seus sensores fornecendo apenas uma chave API, é muito útil para trabalhos ou apresentações do LoRaWAN. Os mapas funcionam em desktop e móvel, e os dados são automaticamente sincronizados entre os clientes.
Para enviar os dados para TTN, pode utilizar este repositório: https://github.com/daeynasvistas/LoRa-TTN-Node
-
Clonar este repositório:
$ git clone https://github.com/daeynasvistas/LoRa-TTN-map
-
Instalar as dependências:
$ npm install
-
Executar o servidor:
node server.js
-
Navegar para http://localhost:3000.
** Google Maps API Key**
Antes de implantar esta aplicação, vai precisar da sua própria chave API Maps. Ir para [esta página web] (https://developers.google.com/maps/documentation/javascript/get-api-key) e obter um. Então abra o servidor.js e introduza a API no objecto "config".
- Vá à sua consola da rede Things N. e anote o ID de Aplicação.
- Na parte inferior dessa página existe uma 'chave de Aplicação'. Anotar também.
- Volte para a aplicação e indique o seu ID da aplicação no campo de texto do canto superior direito.
- Quando solicitado, introduza a sua chave da aplicação.
- Os dados agora aparecem automaticamente no mapa.
Pode adicionar muitas aplicações desta forma, o que é ótimo para mostrar multiplos nodes. Para remover uma aplicação, procure em "db.json" e remova a entrada de lá.
Para configurar os dados que são mostrados, abra o server.js. Aqui tens o objecto "config". É aqui que especifica quais gráficos precisam ser mostrados e como os dados precisam ser mapeados.
Objetos são colocados automaticamente perto do centro do mapa, e podem ser arrastados para a sua localização real. Para mudar o nível de zoom, procure em "public/maps.js". Se um dispositivo tem GPS, pode anular este comportamento e usar as coordenadas reais, definindo as propriedades "lat" e "lng" de um dispositivo em "server.js". Certifique-se que emite um evento "location-change" para que todos os clientes possam ver o novo local.
Os gráficos podem ser configurados no objeto "config" em "public/maps.js". Ex. para permitir que mais gráficos sejam exibidos, pode desativar as os eixos x e de seguida, baixar a altura da área de desenho. Este projecto utiliza Chart.js.