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

Поделиться
HTML-код
  • Опубликовано: 23 янв 2025

Комментарии • 33

  • @jonathanalanis2092
    @jonathanalanis2092 Год назад

    Buen video hermano , saludos hacia argentin 🇦🇷

  • @indianameregone
    @indianameregone 2 года назад

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

    • @pepinogdev
      @pepinogdev  2 года назад

      me alegro que te haya ayudado!!

  • @diegohospital9530
    @diegohospital9530 Год назад +1

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

    • @pepinogdev
      @pepinogdev  Год назад

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

  • @dylan8704
    @dylan8704 Год назад +1

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

    • @pepinogdev
      @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

  • @damianalejandro6817
    @damianalejandro6817 Год назад

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

  • @craftyjs1834
    @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
      @pepinogdev  Год назад

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

  • @ilusiones4665
    @ilusiones4665 2 года назад +2

    ¿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
      @pepinogdev  2 года назад

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

  • @victorcruz4627
    @victorcruz4627 2 года назад

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

    • @pepinogdev
      @pepinogdev  2 года назад +1

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

    • @victorcruz4627
      @victorcruz4627 2 года назад

      @@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.

  • @EmilyAngel-i2j
    @EmilyAngel-i2j 3 месяца назад

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

  • @luigistig1273
    @luigistig1273 2 года назад

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

    • @pepinogdev
      @pepinogdev  2 года назад

      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
      @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.

  • @TheAngelalfonso
    @TheAngelalfonso 7 месяцев назад

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

  • @sofirojastucajeradeconfianza
    @sofirojastucajeradeconfianza Год назад

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

    • @pepinogdev
      @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
      @estebanperez941 Год назад

      @@pepinogdevy como ?

  • @stradacom71
    @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
      @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
    @SantiagoMartinez-ys1eq 2 года назад

    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
      @pepinogdev  2 года назад

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

  • @emilianovergara9312
    @emilianovergara9312 Год назад

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

    • @pepinogdev
      @pepinogdev  Год назад

      Gracias por el comentario! Estoy pensando en hacer mas

  • @Gulliver626
    @Gulliver626 Год назад +1

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

    • @pepinogdev
      @pepinogdev  Год назад

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