React & Leaflet con Geolocation | Mapas y Geo-localizacion en React

[@josemariaalvarez3466]

Justo lo que necesitaba para mi proyecto personal de promover el patrimonio cultural de mi ciudad. Me ahorraste unas horas de investigación

[@richardjs312]

Dios como estas, yo estoy bien gracias a ti por brindarme religiosamente tus cursos practicos, en nombre de Fazt, en el nombre del server de discort y en el nombre de esta hermosa comunidad, amen

[@lizzethgd]

Gracias Faz por tu esfuerzo de compartir tus conocimientos de manera muy didáctica, contigo además se aprende buenas practicas de codificación!

[@sathaniel1689]

Buen video bro , gracias a ti he podido avanzar en crear mi tesis de Ingeniero Informatico

[@enmanuelrondon5545]

te funciono??

[@netopmtz]

Qué oportuno, Fazt. Justamente tengo un hackathon en dos días y el reto es justo utilizar alguna api de mapas.

[@josemanuelherrero6495]

Muchas gracias Fazt por seguir enseñándonos!!!

[@diegosanchezespin1575]

FaztCode deberías hacer un video de preguntas y respuestas, cuantas horas programas al día, en que trabajas, cuantos años tienes, de donde eres, saludos crack !!

[@jhonrodriguez3978]

Uff estaba esperando un ejemplo de éste tipo, Amén.

[@joseeduardoalvarezlerebour134]

Muchísimas gracias, tu vídeo me ayudo bastante, sigue así FAZT !! ❤️❤️❤️

[@carlosc1028]

¡Muchas gracias por tan excepcional aporte!

[@LumbreraEnMiCamino]

Que buena predicación, saludos!!

[@pieroangulocubas]

Fazt crack ! creo que llegue temprani esta vez !

[@ingAmbRaymundoGG]

magnifica tu contribución, muchas gracias, eres el mejor :D

[@Samaelh12]

Amo tus vídeos. Eres de los mejores

[@manuelrojas2528]

excelente explicación ,saludos bro eres un crack !! gracias por el aporte

[@CesarSanchez-uy9nt]

hola amigos, tuve un error → 'Map' is not exported from 'react-leaflet' , al parecer el modulo "react-leaflet" ya se actualizo, .... entonces: 1- desinstale el paquete → npm uninstall react-leaflet 2- instale la version que uso fazt → npm i react-leaflet@2.7.0 espero le sirva en caso de tener el mismo problema saludos

[@orlandooscaraltamiranovela8315]

Muchas gracias amigo me sirvio

[@feconvertigo]

Gracias!

[@Rokovbabca]

otra alternativa es volver a actualizar el modulo pero en vez de importar "Map", importa "MapContainer".

[@SonGoku-pc7jl]

ole, parece una biblioteca muy divertida de usar jeje :) voy dando vueltas donde la podria colocar jeje ;) muchisimas gracias genio

[@santi_cendra_music]

Consulta Fazt! Como seria si uno quiere poner un marker y este te de sus cordenadas?

[@UskoKruM2010]

Fazt, te escribí por Twitter y correo, espero lo puedas leer. Un saludo desde Chiclayo. 😉

[@calebhernandez2515]

Bro quien es el rarito que le da dislike a esta valiosa enséñanza ?

[@edgarmejiavasquez8962]

AYUDA : Estoy visualizando en tiempo real el gps(streaming) de diferentes carros en el mapa, cual seria la mejor forma de manejar el streaming

[@luiscarlossilvaaguas5776]

estoy tratatando de pasar el state de Home a MapView me devuelve null es mas lo copie igual siempre me lo da null por que esta pasando?

[@albertomiguelmoreno]

Hola! estoy teniendo inconvenientes al momento de setear la proyeccion para la muestras de un geojson

[@ruthcodina874]

cómo hago para que los popup, todos aparezcan abiertos?

[@gmayas]

Hola, supongamos que publicamos este pequeña aplicación y un usuario la abre en su dispositivo móvil, ¿Si esta persona se mueva Leaflet actualiza su posición en el Mapa?

[@danieltkach2330]

Cómo hacemos para rotar lo íconos dinámicamente? Y cómo hacemos para reaccionar a eventos del mapa como detectar la lat y lon de donde se hizo click, mousemove, zoom etc.

[@juanvillalba7925]

Estas por todos lados Dani!

[@isaitred]

Intento hacer el ejercicio pero no me muestra el marker, también ya no se inicializa como mapa, si no como ContainerMap, como se puede resolver lo del marker?

[@nicolasblasutig4646]

misma pregunta, no se muestra el popup

[@carlosvillatoro8154]

Lastima que no hiciste lo de la tarjeta encima del marcador cuando pasaras el mouse, pero que excelente video sigue adelante me encanta todo tu contenido

[@andresarandaarpe3522]

Muy buen ejemplo, podrías hacer un ejemplo de marcadore con MERN stack, gracias crack!

[@damianpinedomorganti7855]

Hola!! en mi caso mi mapa funciona correctamente en desarrollo , pero en produccion se queda estatico , ni siquiera aparece el marker , que debo hacer? u.u

[@jonathanvargas9693]

Muchas gracias por el video Fazt muy bien explicado. Me gustaría saber si tienes alguna recomendación para implementar una característica de capturar snapshots de los mapas usando esta librería con React en programación funcional.

[@Jarch3952]

He intentando entrar al server de discord, pero me muestra que el link expiro o que no tengo permiso. Hace tiempo estuve, pero me sali para tomar un poco de orden de todo, quiza por eso me muestre el msj.

[@cuencadev]

13:49 si le das en "Que hay aqui?" te indican las coordenadas (en desktop)

[@emiliodiaz8074]

Hola muy buen video, tengo una pregunta, como hago para mostrar la información en popup, que al tocarlo me salga el nombre y la descripción

[@Jannerparejagutierrez]

Hola Fazt, cuales serian las ventajas de este video en relacion al otro que ya tienes donde se usa Leaflet?

[@KhelinMagic]

si te refieres a esto: kzbin.info/www/bejne/kKqbaoGgbNmBhK8, la diferencia que esto esta em tiempo real con socket

[@valentinsacco]

Buen video crack, haz si te pinta un tutorial creando un página usando gatsby

[@rebjz]

Muy buen video podrías hacer un ejemplo de koa o de jest?

[@joseossesplaza4007]

primer comentario ! Buenaaa Faztt !

[@KevinGarcia-cs1gb]

Hola, como podria mapear un estado para seccionarlo en municipios, existe alguna herramienta?

[@romelurbay1716]

Si ya obtuve las coordenadas, como hago para obtener el nombre del lugar?

[@nclenriquez]

Buen video amigo! Una pregunta en caso de que la ubicacion del movil este apagada como se podria hacer para mostrar un lugar en particular? Gracias!

[@gelintonx]

Fazt tengo un problema con el server de discord. No me deja participar, me pide la verificación de mi número de teléfono, lo pongo y nada no me deja verificarme. Ya he intentado abandonarlo y volver a entrar y nada. Gracias de antemano

[@edglo464]

Por qué no usar directo open street map?

[@claudio66167]

muy buen ejemplo , podrias programar como hacer que el camino se dibuje en el mapa mientras el marcador se va moviendo

[@edgarsantiagoarizagarcia5506]

Hola Fazt, soy principiante y al parecer tengo varios errores como "Map" is defined but never used y no se si es porque no se exportaron todos los elementos de leaflet

[@juanp3381]

fazt me gustaría que sacaras mas ejercicios de front usando ReactJs, gracias

[@juanthegamer7834]

Una duda que me genera esto es; si uno puede guardar la posición de uno o varios usuarios en una base de datos para su posterior uso como para un servicio de entregas o similar, es que no se si esto me sirve para eso...o siquiera como hacerlo :V

[@FaztCode]

usando protocolos en tiempo real, aplicaciones cliente, como aplicaciones moviles o aplicaciones web frontend se pueden comunicar a tu servidor de nodejs, recibir las coordernadas y enviarlas a otros dispositivos (para que puedan ver en donde va el delivery) o tambien guardarlas en una base de datos como forma de guardar la coordenada exacta de la entrega de un pedido.

[@programadorweb1587]

Gracias, segui tus pasos, aunque la imagen del point no se mostraba. se soluciono agregando "default": require('icon.svg').default

[@Chikis01]

Disculpa, en que parte lo pusiste? Me puedes explicar. Muchas Gracias

[@programadorweb1587]

@@Chikis01 desde el minuto 22:20 ahi muestra como cargar la imagen del markers. ahi cuando incorporas con "requiere " el archivo *.svg ,le agregue la default quedando... iconUrl: require('../../assets/img/icon.svg').default

[@lilliamromero2228]

muchisimas graciaaaaaaaaaaaaaaas, tenía el mismo error y se solucionoo

[@carlosbadilla7505]

hola gracias por el tutorial, tengo una pregunta como puedo convertir mi aplicaccion web en un apk o una app movil sin que tengan que abrirla desde un navegador o tendria que obligatoriamente volverla a hacer enfocada a esto con android estudio por ejemplo, he buscado mucho sobre el tema pero no encuentro algo que me sirva

[@gelintonx]

Si esta hecha con react o Angular podrías usar React-Native o Ionic.

[@juansebastianperezlondono63]

Quizá te pueda ser de utilidad esta referencia: medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

[@israelsaucedo6699]

Que onda amigo, el tutorial es perfecto y me gusta como lo explicas, pero crees que puedas hacer uno donde se use el switch case, para intercambiar de imágenes en el mapa, y que se muestren en el mismo mapa

[@tmdm9923]

gracias

[@br4nd0nS]

Buenos seria tambien de ayuda para poder usar leaflet usando la api de google maps

[@nickdeyvisbaldeonhinostroza]

soy principiante en todo esto , escribí bien el comando en el cmd , pero me dice que npx no se reconoce como un comando.

[@FaztCode]

Hola Nick. el comando npx es un comando de Nodejs. Así que primero debes instalar Nodejs

[@nicolashermoza3478]

Cómo se llama el theme que usas???? Pd: Excelente vídeo

[@christiangomez3428]

Dobri Next

[@rocioyezequiel]

No entiendo nada desde el comienzo. Quiero hacer un mapa interactivo pero no entiendo nada de javascrip. Qué me recomendas?

[@marioalbornoz7319]

Primero

[@GregoMartocci]

FAZT SACATE UN TUTO DE COMO DOCKERIZAR UN MERN ABZO

[@FaztCode]

Excelente idea :)

[@bryantmitchell-v9x]

se doxeo?

[@FaztCode]

Con en realidad:)

[@vladimirreyes1661]

Jajaja

[@webmental1]

Bien fazt ya hace falta algo de laravel, laravel es muy superior a django

[@giancarloaparicio5841]

Uhmmm las dos tienen sus pro y contra... Laravel es muy robusto, lo cual lo hace super seguro y escable, pero muy lento por todo lo que esto contrae Django al igual que express no trae nada mas que lo necesario para poder trabajar, por ende es ligero pero debes saber de arquitectura, patrones, testing, y entre otras cosas para poder usar Django correctamente

[@gelintonx]

Ni de broma Django es superior a Laravel en todos los aspectos. Laravel en mi opinión esta un peldaño por debajo de Django

[@Ebizzill]

did i really watch a react + leaflet tutorial in ... spanish ?

[@Emma-eb5zb]

and?

[@apluscolombia3542]

Sos demasiado mal tutor, no respondes a las preguntas que surgen y peor aun escribes codigo para despues borrarlo, eso es perdida de tiempo. No te recomiendo a nadie.