Geo Localização | Fórum | School of Net

Deseja poder participar de nosso fórum e tirar todas as suas dúvidas?
Clique aqui e assine nosso plano de acesso ilimitado. Saiba mais.

2 anos, 4 meses atrás Whélynton Francisco

Geo Localização

Existe algum curso nessa plataforma que ensine geo localização? Eu preciso pegar a cidade do usuário e exibir uma mensagem personalizada pra ele. Se fosse algo de preferencia em PHP ou Js seria ótimo.

Leonan Moderador 2 anos, 4 meses atrás

Olá Whélynton, tudo bem? Creio que você esteja procurando algo para fazer na Web, correto? Da uma olhada nesses dois e veja se lhe atende: https://www.schoolofnet.com/canal-direto-ao-ponto/descobrindo-cep-geolocation-javascript/ https://www.schoolofnet.com/canal-direto-ao-ponto/geolocation-api-com-javascript-google-maps/ Caso não atenda, me diga o que quer fazer, irei tentar lhe ajudar ;)

Whélynton Francisco 2 anos, 4 meses atrás

A minha aplicação é web. Preciso detectar a cidade do usuário e exibir uma mensagem e uma imagem personalizada de acordo com a cidade dele. É tipo assim: bem vindo à Fortaleza (e uma imagem de fundo de uma praia de Fortaleza) ou bem vindo à Recife (e uma imagem de fundo de uma praça historica de Recife) e etc... Mas vou assistir aos 2 vídeos que vc citou e ver se posso adaptar algo à minha necessidade. A minha aplicação é simples. É um site feito em PHP + Mysql

Leonan Moderador 2 anos, 4 meses atrás

Olá Whélynton, tudo bem? Nesse caso o segundo video vai lhe ajudar. Você pode pegar a latitude e longitude via Google Maps e Javascript. Após isso você utilizará um AJAX para jogar isso no servidor (caso precise pegar alguma coisa de lá). Caso não precisa, basta você utilizar o próprio Javascript para gerenciar a mensagem e imagem. Conseguiu entender a ideia?

Whélynton Francisco 2 anos, 4 meses atrás

Olá, Leonan, me ajudou muito. Consegui aplicar na minha aplicação o conteúdo ensinado nos vídeos. Mas ainda não consegui resolver o meu problema. Sinto que estou quase lá, tá faltando só alguma coisinha que não estou conseguindo ver com clareza. No vídeo ensina a acessar o json gerado pela API do Google Maps. O problema neste sistema, é que o resultado json não é padronizado, ou seja, em alguns momentos a cidade vem na posição 2 de address_components, em outros na posição 1, em outros na posição 0. Preciso de orientação sobre como fazer para obter sempre a cidade. Pode me ajudar?

Leonan Moderador 2 anos, 4 meses atrás

Olá Whélynton, tudo bem? Poderia me enviar um exemplo do seu JSON para eu verificar? Pois no caso de JSON você pega pela key e não pela posição, logo, indifere da posição.

Whélynton Francisco 2 anos, 4 meses atrás

Opa, Leonan, é justamente por que as Keys são todas iguais, mas variam de valor em requisições diferentes. Olha o json que o Google me retorna: { "plus_code" : { "compound_code" : "36RX+GF Reis Veloso, Parnaíba - PI, Brasil", "global_code" : "689W36RX+GF" }, "results" : [ { "address_components" : [ { "long_name" : "240", "short_name" : "240", "types" : [ "street_number" ] }, { "long_name" : "Rua Antonio Gutemberg", "short_name" : "R. Antonio Gutemberg", "types" : [ "route" ] }, { "long_name" : "Reis Veloso", "short_name" : "Reis Veloso", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] }, { "long_name" : "64204-075", "short_name" : "64204-075", "types" : [ "postal_code" ] } ], "formatted_address" : "R. Antonio Gutemberg, 240 - Reis Veloso, Parnaíba - PI, 64204-075, Brasil", "geometry" : { "location" : { "lat" : -2.9086599, "lng" : -41.751252 }, "location_type" : "ROOFTOP", "viewport" : { "northeast" : { "lat" : -2.907310919708498, "lng" : -41.7499030197085 }, "southwest" : { "lat" : -2.910008880291502, "lng" : -41.7526009802915 } } }, "place_id" : "ChIJ0XXyB1Al7AcRRz5TyRnVwkI", "plus_code" : { "compound_code" : "36RX+GF Reis Veloso, Parnaíba - PI, Brasil", "global_code" : "689W36RX+GF" }, "types" : [ "street_address" ] }, { "address_components" : [ { "long_name" : "210-350", "short_name" : "210-350", "types" : [ "street_number" ] }, { "long_name" : "Rua Antonio Gutemberg", "short_name" : "R. Antonio Gutemberg", "types" : [ "route" ] }, { "long_name" : "Reis Veloso", "short_name" : "Reis Veloso", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] }, { "long_name" : "64210-430", "short_name" : "64210-430", "types" : [ "postal_code" ] } ], "formatted_address" : "R. Antonio Gutemberg, 210-350 - Reis Veloso, Parnaíba - PI, 64210-430, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.9085547, "lng" : -41.7504167 }, "southwest" : { "lat" : -2.9086142, "lng" : -41.75153359999999 } }, "location" : { "lat" : -2.9085839, "lng" : -41.7509751 }, "location_type" : "GEOMETRIC_CENTER", "viewport" : { "northeast" : { "lat" : -2.907235469708498, "lng" : -41.7496261697085 }, "southwest" : { "lat" : -2.909933430291502, "lng" : -41.75232413029149 } } }, "place_id" : "ChIJPwcSflol7AcRfh_rAESQRUk", "types" : [ "route" ] }, { "address_components" : [ { "long_name" : "64204-075", "short_name" : "64204-075", "types" : [ "postal_code" ] }, { "long_name" : "Rua Antonio Gutemberg", "short_name" : "R. Antonio Gutemberg", "types" : [ "route" ] }, { "long_name" : "Reis Veloso", "short_name" : "Reis Veloso", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "R. Antonio Gutemberg - Reis Veloso, Parnaíba - PI, 64204-075, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.9083242, "lng" : -41.7376882 }, "southwest" : { "lat" : -2.9093683, "lng" : -41.7537478 } }, "location" : { "lat" : -2.9087471, "lng" : -41.7471896 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.907497269708498, "lng" : -41.7376882 }, "southwest" : { "lat" : -2.910195230291502, "lng" : -41.7537478 } } }, "place_id" : "ChIJN7jnVUUl7AcRnbtX75c5Ye0", "types" : [ "postal_code" ] }, { "address_components" : [ { "long_name" : "Reis Veloso", "short_name" : "Reis Veloso", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Reis Veloso, Parnaíba - PI, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.9002752, "lng" : -41.729247 }, "southwest" : { "lat" : -2.9108101, "lng" : -41.755419 } }, "location" : { "lat" : -2.903057, "lng" : -41.7482057 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.9002752, "lng" : -41.729247 }, "southwest" : { "lat" : -2.9108101, "lng" : -41.755419 } } }, "place_id" : "ChIJXUj7F0Ml7AcRqkM4zAyMJu0", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "address_components" : [ { "long_name" : "64202", "short_name" : "64202", "types" : [ "postal_code", "postal_code_prefix" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Parnaíba - PI, 64202, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.89857, "lng" : -41.7438786 }, "southwest" : { "lat" : -2.9148833, "lng" : -41.7661411 } }, "location" : { "lat" : -2.9066395, "lng" : -41.7531826 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.89857, "lng" : -41.7438786 }, "southwest" : { "lat" : -2.9148833, "lng" : -41.7661411 } } }, "place_id" : "ChIJe4dtMlol7AcRXKc-J0x-wwQ", "types" : [ "postal_code", "postal_code_prefix" ] }, { "address_components" : [ { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "locality", "political" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Parnaíba, PI, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.8865787, "lng" : -41.6648673 }, "southwest" : { "lat" : -2.974398, "lng" : -41.7964589 } }, "location" : { "lat" : -2.9055447, "lng" : -41.7733626 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.8865787, "lng" : -41.6648673 }, "southwest" : { "lat" : -2.974398, "lng" : -41.7964589 } } }, "place_id" : "ChIJdWyS1dw67AcRkrt1qp0fNUU", "types" : [ "locality", "political" ] }, { "address_components" : [ { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Parnaíba - PI, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.7583058, "lng" : -41.6496492 }, "southwest" : { "lat" : -3.1206655, "lng" : -41.869079 } }, "location" : { "lat" : -2.9055859, "lng" : -41.7733613 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.7583058, "lng" : -41.6496492 }, "southwest" : { "lat" : -3.1206655, "lng" : -41.869079 } } }, "place_id" : "ChIJgSB9QwIw7AcRiN6D6qGb0sE", "types" : [ "administrative_area_level_2", "political" ] }, { "address_components" : [ { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Piauí, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.7497525, "lng" : -40.3705097 }, "southwest" : { "lat" : -10.9287563, "lng" : -46.0282068 } }, "location" : { "lat" : -8.322948799999999, "lng" : -43.1747162 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : -2.7497525, "lng" : -40.3705097 }, "southwest" : { "lat" : -10.9287563, "lng" : -46.0282068 } } }, "place_id" : "ChIJj7KAcHzlggcRpZT2BFRx51o", "types" : [ "administrative_area_level_1", "political" ] }, { "address_components" : [ { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : 5.2717863, "lng" : -28.650543 }, "southwest" : { "lat" : -34.0891, "lng" : -73.9828169 } }, "location" : { "lat" : -14.235004, "lng" : -51.92528 }, "location_type" : "APPROXIMATE", "viewport" : { "northeast" : { "lat" : 5.2717863, "lng" : -28.650543 }, "southwest" : { "lat" : -34.0891, "lng" : -73.9828169 } } }, "place_id" : "ChIJzyjM68dZnAARYz4p8gYVWik", "types" : [ "country", "political" ] }, { "address_components" : [ { "long_name" : "36RX+GF", "short_name" : "36RX+GF", "types" : [ "plus_code" ] }, { "long_name" : "Reis Veloso", "short_name" : "Reis Veloso", "types" : [ "political", "sublocality", "sublocality_level_1" ] }, { "long_name" : "Parnaíba", "short_name" : "Parnaíba", "types" : [ "administrative_area_level_2", "political" ] }, { "long_name" : "Piauí", "short_name" : "PI", "types" : [ "administrative_area_level_1", "political" ] }, { "long_name" : "Brasil", "short_name" : "BR", "types" : [ "country", "political" ] } ], "formatted_address" : "36RX+GF Reis Veloso, Parnaíba - PI, Brasil", "geometry" : { "bounds" : { "northeast" : { "lat" : -2.908625, "lng" : -41.75125 }, "southwest" : { "lat" : -2.90875, "lng" : -41.751375 } }, "location" : { "lat" : -2.9086634, "lng" : -41.7513454 }, "location_type" : "ROOFTOP", "viewport" : { "northeast" : { "lat" : -2.907338519708498, "lng" : -41.7499635197085 }, "southwest" : { "lat" : -2.910036480291502, "lng" : -41.75266148029149 } } }, "place_id" : "GhIJzJMQUfFEB8ARAYAIFizgRMA", "plus_code" : { "compound_code" : "36RX+GF Reis Veloso, Parnaíba - PI, Brasil", "global_code" : "689W36RX+GF" }, "types" : [ "plus_code" ] } ], "status" : "OK" }

Whélynton Francisco 2 anos, 4 meses atrás

E no meu js eu estou puxando os dados do json acima assim: data.results[6].address_components[1].long_name

Leonan Moderador 2 anos, 4 meses atrás

Olá Whélynton, tudo bem? Conforme o plantão de dúvida, faça aí os testes e caso ainda esteja com dificuldades, você me informa por aqui! Fico no aguardo ;)