Como obtener la ubicacion del usuario con JAVASCRIPT en el navegador y mostrarla con GOOGLE MAPS.

[@jonathanalanis2092]

Buen video hermano , saludos hacia argentin 🇦🇷

[@dylan8704]

excelente video, tengo una duda es posible generar una screenshot del mapa con sus marcadores? para colocarlo digamos en un tag img

[@pepinogdev]

La verdad que no tengo ni idea… La única forma que se me ocurre es usando un servidor que abra un navegador, algo como playwright y ahi si podrías sacar una screenshot del navegador, obviamente podrias poner el map con los marcadores… pero es algo “costoso” debe haber alguna forma mas sencilla te recomiendo preguntar a chatgpt o googlearlo, saludos

[@indianameregone]

mi amigo estoy haciendo una app para mexico y tus videos me ayudaron mucho!! abrazo enome

[@pepinogdev]

me alegro que te haya ayudado!!

[@diegohospital9530]

me tirar este error , queda en blanco la web Error al interpretar el valor para 'transition-duration'. Declaración rechazada.

[@pepinogdev]

Hola! No sabria decirte bien porque es el error pero si queres hablame por discord y te trato de ayudar: SimonBlanco#5043

[@craftyjs1834]

Buen video y buena explicacion , en caso de que quisiera aplicar esto pero con un gps o algun tipo de dispositivo que me tome la ubicacion por ejemplo de un vehiculo, este cofigo me sirve?

[@pepinogdev]

si el dispositivo tiene un navegador y tienene disponible el api de geolocalizacion, en teoria si, deberias probarlo

[@EmilyAngel-i2j]

A fuerzas se debe pagar?, pero si soy estudiante y no tengo tarjeta 💳😔

[@ilusiones4665]

¿Cómo puedo ajustar la ubicación permitiendo mover el mapa?, por ejemplo Uber que te permite ajustar el marcador de posición. Excelentes tutoriales!

[@pepinogdev]

Hola, muchas gracias por tu comentario. Por ahora no se como hacer eso :(

[@victorcruz4627]

Entonces todavía valdría la pena usar trnspiladores dentro del código para navegadores menores a EC6?

[@pepinogdev]

Yo diria que si, si es quevas a usar syntaxis que tal vez no se soporta por todos los navegadores.

[@victorcruz4627]

@@pepinogdev tienes razon no especifique hasta que ecma estoy utilizando. Lo malo es que ya tumbaron una api que consumia y era la mitad de la app XD y pienso dejar en pausa el proyecto .Ahora tengo la duda de donde checar las ultimas versiones de los navegadores, pero ahí lo voy checando gracias.

[@damianalejandro6817]

amigo me podrias ayudar, tengo un error con las variables que asigne en un marcador

[@pepinogdev]

Hola! Que error ?

[@damianalejandro6817]

@@pepinogdev te escribo al discord

[@TheAngelalfonso]

Hola puedes compartir el código fuente para estudiar eso por favor

[@stradacom71]

como esta amigo todo muy bien pero le estas poniendo las coordenadas y luego las lee y te las marca en el mapa , pero no te esta dando las coordenadas automáticamente ? no entiendo la idea es quien abra la pagina ya sea de una pc o un cel muestre las coordenadas desde donde esta abriendo la pagina , al menos eso creía que estabas haciendo

[@pepinogdev]

Hola! En el video se muestra como obtener las coordenas de la persona que entre a la pagina aprentando un boton. Para utilizar las coordenadas del usuario necesitas los permisos de ubicacion, es imposible que alguien entre y automaticamente obtener las coordenadas sin permiso, primeo el permiso, despues podes hacer lo que quieras con las coordenadas. En este caso yo decidi usar un boton para mostrarlas en un mapa con el api de google maps. Puedes investigar mas acerca de eso con chatgpt...

[@SantiagoMartinez-ys1eq]

Buenas, q tal? q tan seguro es poner la tarjeta para la api key? la usaría solo para practicar. Me puedo registrar y dsp sacar la tarjeta? O algo x el estilo haha

[@pepinogdev]

Hola si es seguro, no podes sacar la tarjeta pero no te preocupes yo la puse use bastante y nunca me cobraron nada.

[@luigistig1273]

Hola como podria guardar las variables latitud y longitud en una base de datos ? Te agredeceria si me ayudas

[@pepinogdev]

Hola la verdad que puede llegar a ser mas complejo de lo que parece, no se cual es tu objetivo, en principio podrias usar window.localStorage, si no te sirve te recomiendo que aprendas por tu cuenta como almacenar datos en una base de datos (mongodb a mi parecer es la mas facil de aprender) y luego juntarlo con lo explicado en este video, saludos espero que te sirva mi respuesta

[@ProgrammerAndWebDeveloper]

Saludos, puedes crear una variable llamada "mapObject" en la primer línea de código (fuera de las funciones y debe estar declarada primero antes que las funciones), la declaras vacía. Al momento que ejecutas la función llamada "initMap" debajo de la constante llamada coords, puedes invocar a la variable "mapObject" y crear un objeto con los valores de las coordenadas. Luego siguiendo el flujo de ejecución, debes crear una nueva función fuera del evento "click", el cual le llamas como desees, a mi parecer le llamaría "addNewLocation" y simplemente dentro de la función podrías enviar los valores almacenados en la variable "mapObject" al servidor para guardarlos en la Base de Datos, ó investigar y dominar cómo hacer la conexión a la Base de datos "X" con javascript; Ya realizando esa conexión, y haciendo lo que te dije, podrías enviar esos datos a la base de datos y registrarlos. OJO: Almacenar ese tipo de datos de los clientes podría ser delicado y podrían demandarte si ellos no lo saben.

[@sofirojastucajeradeconfianza]

Pero con eso no se obtiene la ubicación del usuario, el usuario obtiene su ubicación, no??

[@pepinogdev]

La ubicacion la obtiene la web en la que esta el usuario, a partir de ahi podrias hacer mil cosas con la ubicacion, guardarla en una base de datos, lo que sea. Tu forma de decirlo es media relativa por que en si, el navegador del usuario tiene acceso a la ubicacion de este, cuando utilizamos JavaScript de la forma vista en el video, le estamos pidiendo al usuario que nos de acceso a la ubicacion que tiene registrada el navegador, entonces se puede decir que el sitio (en este caso el que estamos haciendo nostoros) puede obtener la ubicacion del usuario, si el sitio fue desarrollado por nostros podemos hacer lo que queramos con esa informacion una vez que el usuario haya aceptado los permisos.

[@estebanperez941]

@@pepinogdevy como ?

[@emilianovergara9312]

has mas video se ocupa y hay muy poco videos gran trabajo

[@pepinogdev]

Gracias por el comentario! Estoy pensando en hacer mas

[@Gulliver626]

No me quiero suscribir porque tu canal tiene 666 suscriptores XD, no quiero arruinar la cifra Edit: alguien arruino la cifra :c

[@pepinogdev]

AjajJjaja lo habia visto hace un rato, una lastima ahora no te queda excusa 🤣 gracias x el comentario