Tutorial de Mapas con marcadores animados en Flutter

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

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

  • @diegoveloper
    @diegoveloper  3 года назад +37

    (es) Like para buscar retos más complejos! 😁
    (en) Thumb up to look for more complex challenges!.

    • @weincode
      @weincode 3 года назад +2

      Можете ли вы записывать видео с русскими субтитрами?

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

      Quiero estar a este nivel con Flutter. Gracias hermano, excelente contenido

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

      En vez de quitar el scroll en el Page, que al cambiar se mueva el mapa a la posición del marker ~

  • @jeanmartinpachasvilla7980
    @jeanmartinpachasvilla7980 3 года назад +19

    Ufff Cool - Flutter map es más flexible para que el limite sea la imaginación.... Se merece una segunda parte de hecho...

    • @EduardoGarcia-it4xj
      @EduardoGarcia-it4xj 3 года назад +2

      Sin duda alguna deberia de haber una segunda parte sobre el uso de este... para aprender a centrarlo tambien

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

      pero parece un mapa web,servira para una app tipo uber ?

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

      bro resolviste tu duda?@@jopercito

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

    Muy buen video. Este video merece una segunda parte, con navegación. Sería muy interesante de ver

  • @MiguelAngelGonzalezDiaz
    @MiguelAngelGonzalezDiaz 3 года назад

    Excelente..!, muy buen ejemplo. Saludos desde Venezuela..

  • @Manu-ez4qrj
    @Manu-ez4qrj Год назад

    Muchas gracias , por tus videos eres el mejor .

  • @gspinzer
    @gspinzer 3 года назад

    Excelente video .. muy bien explicado y fácil de entender. Se agradece tu dedicación.

  • @antoniodiaz3173
    @antoniodiaz3173 3 года назад

    Eres grande hermano. SALUDOS DESDE MEXICO.

  • @mustafashaikh7829
    @mustafashaikh7829 3 года назад +1

    Animation so easy in Flutter and more easy by seeing your tutorials thank you for teaching in easy way. :)

  • @Dan-Ortiz
    @Dan-Ortiz 3 года назад

    Excelente video, muchas gracias por compartir, no he utilizado Mapbox, solo Google Maps, y las cosas parecen bastante mas sencillas con el package que utilizaste. Super!!

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

    Buenazo hermano! Muchas gracias!

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

    Grande Diego como siempre 👌

  • @yearsystem882
    @yearsystem882 3 года назад

    Hola Diego, muy buen aporte me diste una idea excelente. ¡gracias!

  • @catrielcaruso1687
    @catrielcaruso1687 3 года назад +2

    Muy buen video Diego!! Estaría bueno que enseñes como tomar los datos reales directamente desde maxBox o googleMap, por ejemplo todas la estaciones de servicio o farmacias. Creo que sería un buen ejercicio.

    • @diegoveloper
      @diegoveloper  3 года назад +2

      Eso es parte de la documentación oficial y hay millones de tutoriales, flutter.dev/docs/cookbook/networking/fetch-data

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

    Excelente video. Eres un pro

  • @pedroeduardoquinonesgarcia708
    @pedroeduardoquinonesgarcia708 3 года назад +1

    Increíble, es muy cool, haces que todo parezca tan fácil.
    Muchas gracias por compartir tus conocimiento con nosotros los mortales xD.

  • @bobby9568
    @bobby9568 3 года назад

    You made my weekend good!

  • @kevinmelendezhernandez3334
    @kevinmelendezhernandez3334 3 года назад

    Muy chévere como siempre! 🙌
    Lo voy a replicar, quiero probar algunas cosas

  • @rodrigorodriguezmacias3357
    @rodrigorodriguezmacias3357 3 года назад

    Muy genial el tutorial mas videos asi

  • @weincode
    @weincode 3 года назад +1

    Excelente diego, muy buen aporte :D. Muy buen contenido el que tu produces para la comunidad

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

    Buenisimo maquina!

  • @manitas181
    @manitas181 3 года назад

    Que genial 👏👏👏

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

    Podrías realizar una app para prestamistas en udemy donde se muestre como agregarlo como modulo a otra aplicación ya realizada y donde a su vez también se pueda anexar esta aplicación de maps?

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

    Diego muy bueno el video. Una pregunta como se podría realizar las polylines con flutter map?. Se te agradecería de antemano y saludos!.

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

      github.com/fleaflet/flutter_map/blob/master/example/lib/pages/polyline.dart

  • @Brayan.Nieves
    @Brayan.Nieves 3 года назад

    Que duro !

  • @hsnham6020
    @hsnham6020 3 года назад

    محتوياتك كله ابداع 👏ولو ماعرف ب الإسباني همزين اكو ترجمة😆

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

    exelente!!!

  • @albertjjimenezp
    @albertjjimenezp 3 года назад +1

    Really nice :)

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

    The translations are Great

  • @vladiztzugada6576
    @vladiztzugada6576 3 года назад

    Geniooo..!!!!!

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

    buenas, fijate que cuando estas en el ultimo o primer marker (del list de markers entiendo) la aplicación se bloquea, dejo como movil el page view builder me voy a alguno de enmedio y la aplicacion revive. me gustaría mucho una extención sobre este exelente tuto. te felicito y agradezco por compartir tu conocimiento. saludos desde mexico

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

      Si puedes crear el bug en stackoverflow español para revisarlo, siempre ando respondiendo dudas allá.

  • @0Schranz
    @0Schranz 3 года назад

    Thanks man! i want more!)

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

    esta muy bien todo pero y en el caso de querer usar google maps? que se tiene que hacer tienes un tutorial de esto pero con google maps?

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

      Dale una revisada a este package: pub.dev/packages/flutter_animarker

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

      @@diegoveloper puedes hacer lo mismo pero usando la api de google map? o venderme ese codigo pero para google maps pls.

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

    THANK YOU

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

    Hola, Diego, Es posible que pueda tener una reunión con usted por zoom, skype?

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

      Claro www.buymeacoffee.com/diegoveloper/e/27476

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

    Hola soy una nueva seguidora me gusta mucho como enseñas quiero implementar tu video pero quiero saber si al dia de hoy aun es funcional ?? O si han habido cambios o actualizaciones

    • @diegoveloper
      @diegoveloper  7 месяцев назад +1

      debería funcionar, igual si te animas a ser miembro del canal, desde el plan DEVELOPER, estamos en discord ayudando con las dudas, somos muchos devs ahí apoyándonos entre todos

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

      @@diegoveloper cuál es el canal de discor me gustaría unirme porfavor

    • @diegoveloper
      @diegoveloper  7 месяцев назад +1

      Hay que ser miembro del canal, revisa desde el plan DEVELOPER, luego de eso, entras a discord, ajustes. en integracion ahi usas el login de youtube y te aparece el canal

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

      @@diegoveloper una pregunta el mapbox es gratuito??

    • @diegoveloper
      @diegoveloper  7 месяцев назад +1

      @@brendaflores9475 revisa los costos aquí : www.mapbox.com/pricing

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

    awesome buddy

  • @naxedo
    @naxedo 3 года назад

    Hola, se puede trazar una ruta recorrida (de varios locations) con flutter_map!? podrás orientarme!? gracias!

    • @diegoveloper
      @diegoveloper  3 года назад

      Revisa la documentación y los ejemplos del package

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

    Please make a live location tracking and polylines using mapbox and flutter_map package

  • @aavillalbab
    @aavillalbab 3 года назад

    Crack!

  • @DONVIGOTES
    @DONVIGOTES 3 года назад

    genial

  • @jhandrychimbo6770
    @jhandrychimbo6770 9 месяцев назад

    Me verán en todos los vídeos de Leaflet y Flutter

  • @hamzaibrahim895
    @hamzaibrahim895 3 года назад

    Amazing!

  • @OscarShaitanTigreros
    @OscarShaitanTigreros 3 года назад

    cuales serian las principales diferencias y ventajas sobre el googlemaps?

    • @diegoveloper
      @diegoveloper  3 года назад +1

      Hay bastante info sobre eso, mira esto : www.uptech.team/blog/mapbox-vs-google-maps-vs-openstreetmap

    • @OscarShaitanTigreros
      @OscarShaitanTigreros 3 года назад

      @@diegoveloper gracias y muy buen video!

  • @darienbreinerromeroleiva3846
    @darienbreinerromeroleiva3846 3 года назад

    Hola Diego, sería excelente si pudieras hacer una segunda parte con la navegación paso a paso. Yo he tratado con flutter_mapbox_navigation, pero no funciona u_u

    • @diegoveloper
      @diegoveloper  3 года назад

      Parece que con la última versión hay un problema , puedes seguirlo aquí : github.com/eopeter/flutter_mapbox_navigation/issues/145

  • @yamilaotazu9358
    @yamilaotazu9358 3 года назад

    Hola Diego, me podrías brindar información de como puedo hacer que cuando entre a la app no se muestre el card en si y que también pueda salir del card y ver solo los markers y el point lo estoy intentando hacer pero no encuentro la solución ya que el contador (i) comienza en 0 y entonces apunta a mi primier objeto de la lista mostrando el primero... Agradecería bastante si me puedes ayudar!!!

    • @diegoveloper
      @diegoveloper  3 года назад +1

      Hola, no creo que te pueda ayudar por este medio, pero si deseas puedes poner la pregunta en el grupo de Flutter y Dart en espanol de facebook o si deseas asesoria personalizada : www.buymeacoffee.com/diegoveloper/extras

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

    Dónde podría ver el código fuente de este proyecto? Felicitaciones por tu trabajo

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

      En la descripción del video están los links

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

      @@diegoveloper he ido a la plataforma de buy me one coffee, pero no veo este proyecto. Gracias

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

      Podrías revisar los planes o extras : www.buymeacoffee.com/diegoveloper/extras

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

      @@diegoveloper disculpa de nuevo. Estoy mirando en los Challenges y el que busco que es el de delevery con provider y clean architecture no lo veo. Quiero comprarlo 15$ vale no?

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

      sí, cualquiera vale 15

  • @pedroeduardoquinonesgarcia1080
    @pedroeduardoquinonesgarcia1080 3 года назад

    oye diego, tengo una duda si en el pageview hace el efecto de rebote perfecto pero en el dato inicial y final me aparece una linea azul que supongo es el final e inicio de las paginas, como puedo hacer que en esas tambien me haga la animacion de rebote?

    • @diegoveloper
      @diegoveloper  3 года назад +1

      cambia el physics del PageView, en lugar de usa : NeverScrollableScrollPhysics() usa BouncingScrollPhysics() o BouncingScrollPhysics(parent: NeverScrollableScrollPhysics())

    • @pedroeduardoquinonesgarcia1080
      @pedroeduardoquinonesgarcia1080 3 года назад

      @@diegoveloper muchas gracias diego, espero que sigas subiendo contenido parecido a este esta super chevere y tambien la forma en la que explicas.

  • @soylucario19
    @soylucario19 3 года назад

    Buen video parcero, cómo seria mas fácil obtener la ubicación tiempo real? Estoy leyendo acerca de Location Plugin, psdta: soy nuevo en esto.

    • @diegoveloper
      @diegoveloper  3 года назад +1

      Si, se necesita obtener la ubicación con algún plugin, geolocator me va bien

  • @priyaranjanmantri9332
    @priyaranjanmantri9332 3 года назад

    Make a vedio on morph page transition

  • @ninogjoni
    @ninogjoni 3 года назад

    ¿Se pueden crear las animaciones también en Google Maps?

    • @diegoveloper
      @diegoveloper  3 года назад

      revisa este package : pub.dev/packages/flutter_animarker

    • @ninogjoni
      @ninogjoni 3 года назад

      Lo he probado pero nunca ha funcionado en mi proyecto.

  • @madi7640
    @madi7640 3 года назад

    Hello, how to do the same with markers on google map?

    • @diegoveloper
      @diegoveloper  3 года назад

      First thing you have to do is use the `google_maps` plugin, then check the samples

  • @oh-vito
    @oh-vito Год назад

    Interesante la aplicación pero a mi parecer siento que deberias dedicar mas tiempo en la explicación porque el dominio del problema es amplio.

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

    Como le haces para tener la apk en el iphone? 22:30

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

      Es el simulador de iOS, necesitas una Mac para poder usarlo

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

    Is that need any billing?

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

    Why the english title if the video is in another language :-/

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

      you can enable the subtitles but you are right, since now I'll use spanish for the titles