Plotar a rota a partir da lista de pontos
O frontend chama uma rota (que está sendo implementada aqui #45 (closed)) informando os ID de ponto de origem e destino.
A rota vai devolver uma lista ordenada de todos os pontos de referencia que o usuário precisa percorrer para chegar do ponto A ao ponto B. Exemplo:
[{"name":"entrada_1_piso_1","x_axis":830,"y_axis":276},
{"name":"cootaero_taxi","x_axis":815,"y_axis":272},
{"name":"cotacao","x_axis":807,"y_axis":280},
{"name":"capital_coffee","x_axis":794,"y_axis":280},
{"name":"rei_do_pao_de_queijo","x_axis":743,"y_axis":280}]
Essa imagem é um exemplo, o layout não ficou definido. Quem for fazer pode definir como fica melhor o tracejado/ligação entre os pontos.
Uma sugestão de layout foi fazer semelhante ao google maps, onde o nodo em si não apareceria. Só apareceriam o tracejado das arestas.
Lista de pontos de referencia: https://us-central1-adapp-ages-2021-2.cloudfunctions.net/referencePoints/list
Definição de pronto: Dado uma lista ordenada de pontos de referência, mostrar o caminho em uma imagem.
Obs1: Pra essa tarefa poderíamos trabalhar com apenas 1 andar, pois a mudança de andares depende da implementação da navegação (que será feita em outra tarefa)
Uma possível ideia é fazer com SVG https://jsfiddle.net/joaocv3/b45oL20e/31/
os points do HTML são as coordenadas que a API retornou