search

fga-eps-mds / 2020.1-Conecta-Ensina-Wiki

https://fga-eps-mds.github.io/2020.1-Conecta-Ensina-Wiki/
GNU General Public License v3.0
6 stars 0 forks source link

Incorporar api do maps #83

Closed jpmota2208 closed 3 years ago

jpmota2208 commented 4 years ago

Descrição

Inserir a api do Google Maps para indicar a rota para o local de aula para o professor.

Tarefas

jschneiderm98 commented 3 years ago

Em quais telas tem que colocar o mapa?

jschneiderm98 commented 3 years ago

Sobre qual biblioteca usar para os mapas.

A primeira opção é o react-native-maps

Como problemas pra essa opção se tem que é necessário ter uma api key do google, que requer registrar um meio de pagamento, além disso a instalação é mais problemática.

A segunda opção é o react-native-mapbox-gl

Também requer uma api key da mapbox, porém é muito mais simples de obter, e para poucos usos não é necessário registrar meio de pagamento.

A qualidade do mapa do google maps é sem dúvida melhor, porém as facilidade de se utilizar o mapbox, basta adicionar a bilbioteca pelo yarn, me fazem a acreditar ser uma opção melhor. Dito isso qual seria a melhor opção?

jpmota2208 commented 3 years ago

Em quais telas tem que colocar o mapa?

A tela onde o mapa ficaria seria na tela de detalhes da aula, a mesma que possui o cronometro e as demais informações

jschneiderm98 commented 3 years ago

Update sobre as bibliotecas. Acredito que teremos que usar a react-native-maps, pois o recurso de geocoding(encontrar a latitude e longitude por meio de um endereço, ou no caso do google maps, por um CEP) do mapbox funciona muito mal para endereços no Brasil. Assim acredito ser melhor utilizar a react-native-maps, pois é possível inclusive pesquisar localização por meio do CEP. Já consegui implementar a biblioteca no projeto, e funcionou bem o geocoding por CEP.