Flutter Google Maps Firebase Markers

Поділитися
Вставка
  • Опубліковано 18 гру 2024

КОМЕНТАРІ •

  •  5 років тому +1

    Hola...Excelente explicación...Quisiera saber si podrían hacer la explicación con otro servicio de mapas, por ejemplo MapBox para no tener que crear una cuenta con tarjeta de crédito para usar google maps. De antemano muchas gracias y nuevamente excelentes sus videos.

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      Hola Daniel, apuntaremos tu información para realizar mas adelante otro video con alguna alternativa de mapa, pero como dato para hacer pruebas no requiere tarjeta de credito. puedes crear tu key de google maps es muy facil.

    •  5 років тому

      @@codigoflutter4482 gracias por responder. Realmente no sé cómo realizar ese proceso. Me puedes indicar cómo realizarlo? De antemano muchas gracias!

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      @ déjame tu correo te envió una guía, como crear key de Google maps, lo realice hace unos minutos funciona igual.

    •  5 років тому

      @@codigoflutter4482 Muchas gracias! Mi correo es danielrodriguezo@gmail.com.

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      @ ya te envié los pasos

  • @ventascentertex2655
    @ventascentertex2655 3 роки тому

    Hola Alpha, pregunta, como puedo hacer que el usuario al apretar un boton pueda agregar un marcador personalizado dependiendo su ubicacion o mismo podría ser otra. Y al cargar un nombre, raiting, y descripcion quede guardado y se muestre en el mapa. Ademas de que todos los usuarios puedan ver ese marcador.... si eres amable de explicarme apenas un poco para poder guiarme... me estoy volviendo loco con esa pequeña funcion que quiero agregar :(

  • @gianfrancogonzalez5831
    @gianfrancogonzalez5831 5 років тому

    Me perdí en la parte de girar el mapa, no se entiende bien porque ya tenía todo escrito... minuto 36:57

  • @yuredanyingamelgar7835
    @yuredanyingamelgar7835 4 роки тому

    hola amigo buenas quería saber como puedo hacer para actualizar día a día
    estoy haciendo un datero que me diga cuanto esta el producto en dicho mercado pero con la ubicación, pero los precios varían por quisiera saber como hacerlo para que yo cambie los precios día a día y no tenga que actualizar la app a diario o semanal.

  • @pescariadespreocupada
    @pescariadespreocupada 5 років тому +5

    mapController.clearMarkers().then((val) {
    mapController.addMarker(MarkerOptions.
    Is no longer more available, how to fix ?

    • @lourdescarrera1509
      @lourdescarrera1509 4 роки тому

      encontraste la solucion?

    • @jobson-dev
      @jobson-dev 4 роки тому

      @@lourdescarrera1509 cambie la versión de google maps en el archivo pubspec.yaml.
      google_maps_flutter: ^ 0.2.0 + 6

  • @josbexerr5166
    @josbexerr5166 5 років тому

    Gracias código Alfa.... Que plugin usas para que los comentarios te salgan automático, y estoy usando Androide studio en window 10

  • @RaikuxD
    @RaikuxD 2 роки тому

    Disculpe buenas cuales son las versiones actual?

  • @eduardonogueira2152
    @eduardonogueira2152 5 років тому

    Al finalizar el proyecto, cuando intente compilar, aparece el mensaje: E / BufferQueueProducer (9656): [SurfaceTexture-0-9656-1] dequeueBuffer: BufferQueue ha sido abandonado
    ¿cómo corregir esto?

  • @gilberthord6900
    @gilberthord6900 5 років тому +1

    esta cool la verdad bro

  • @alldigitall
    @alldigitall 5 років тому

    Excelente !!!
    Gracias.

  • @pedropablo6546
    @pedropablo6546 4 роки тому +1

    Mi estimado excelente todo tendrás algún video o tutorial donde indique como seguir escribiendo la pocicion en firebase una vez se cierre la app bien sea por error o por voluntad del usuario pero que todo quede registrado no solo en segundo plano gracias por tus aportes.

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому

      No tenemos algo sobre seguir escribiendo la pocicion en firebase.

  • @williamromerovela
    @williamromerovela 5 років тому +2

    ¡Amigo, muchas gracias por los aportes!. ¿Sabes cómo trazar una ruta de un punto a otro?

    • @mauriciosanchez813
      @mauriciosanchez813 5 років тому

      Buena pregunta, estoy tratando de hacer lo mismo, la API de google places te permite hacer eso, pero hasta ahora me ha funcionado solo con marcadores de Google, no con los mios. Si encuentras algo avisas

  • @Leslaliun
    @Leslaliun 4 роки тому

    como añadiría los markers desde un objeto que tiene las latitudes y longitudes??

    • @Leslaliun
      @Leslaliun 4 роки тому

      he intentado instanciando el objeto en mi clase y al acceder a sus datos me los muestra nulos

  • @gabrielarmasaranibar1014
    @gabrielarmasaranibar1014 5 років тому +1

    Hola, como se podría hacer para que el propio usuario cree un marcador y se guarde a firebase, Gracias

    • @codigoflutter4482
      @codigoflutter4482  5 років тому +1

      Crea un CRUD, una pagina llamada ejemplo, registrar_marcadores.dart en esta tres TextFormField una para descripción sitio otros dos para las coordenadas latitud y longitud, y deben quedar publicados en la colección donde el busca los marcadores eso seria todo, cuando el detecte un nuevo registro inmediatamente lo pinta

  • @cesarsanvicente604
    @cesarsanvicente604 5 років тому +1

    Hola bro, tengo una pregunta ...Como hago para quitar los botones por defecto que aparecen en la esquina inferior derecha cuando presionas un marcador, los que te envian a google ma..necesito quitarlos , agradeceria tu respuesta

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      En la parte de map control debes adicionar esta linea
      mapTypeControl: false
      o puedes darle true si quieres ver y false no
      mapOptions {
      panControl: true,
      zoomControl: true,
      mapTypeControl: true,
      scaleControl: true,
      streetViewControl: true,
      overviewMapControl: true,
      rotateControl: true

    • @cesarsanvicente604
      @cesarsanvicente604 5 років тому

      @@codigoflutter4482 No funciono..puedes mostrar un ejemplo porfavor

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      @@cesarsanvicente604 captura una pantalla y marca que botones quieres quitar, para comprender mejor tu pregunta. gracias

    • @cesarsanvicente604
      @cesarsanvicente604 5 років тому

      @@codigoflutter4482 stackoverflow.com/questions/55064238/flutter-quitar-botones-por-defecto-de-los-marcadores-de-google-maps

    • @cesarsanvicente604
      @cesarsanvicente604 5 років тому

      son esos que estan rodeados de rojo, es solo una prueba de app que estoy haciendo, porque esos botones se ven mal con los que yo agrego,

  • @alvaroambiorixmarcelinotav6536
    @alvaroambiorixmarcelinotav6536 4 роки тому +2

    Excelente video!!! Me gustaría saber como consigo el sh1 y el nombre del paquete para IOS?

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому +2

      En este vídeo explicamos como generar el sh1 minuto 1:54, en la descripción del vídeo están los pasos - /////////////////////////
      Generate SHA1
      Open terminal windows
      Paste code:
      cd C:\Program Files\Java\jre1.8.0_181\bin
      Paste code:
      keytool -list -v -keystore "C:\Users\Asus\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому +1

      En este vídeo ua-cam.com/video/vJI_ZM6Emno/v-deo.html explicamos como generar el sh1 minuto 1:54, en la descripción del vídeo están los pasos - /////////////////////////
      Generate SHA1
      Open terminal windows
      Paste code:
      cd C:\Program Files\Java\jre1.8.0_181\bin
      Paste code:
      keytool -list -v -keystore "C:\Users\Asus\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому +1

      En este vídeo explicamos como generar el sh1 minuto 1:54, en la descripción del vídeo están los pasos - /////////////////////////
      Generate SHA1
      Open terminal windows
      Paste code:
      cd C:\Program Files\Java\jre1.8.0_181\bin
      Paste code:
      keytool -list -v -keystore "C:\Users\Asus\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android

    • @alvaroambiorixmarcelinotav6536
      @alvaroambiorixmarcelinotav6536 4 роки тому +2

      @@codigoflutter4482 También funciona para la terminal de MacOS?

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому +1

      @@alvaroambiorixmarcelinotav6536 es el mismo solo que para generalo desde IOS cambia un poco developers.google.com/android/guides/client-auth?hl=es-419

  • @mauriciosanchez813
    @mauriciosanchez813 5 років тому +1

    Estimado en la descripcion no colocaste el enlace a Github.
    Gracias de antemano!

    • @codigoflutter4482
      @codigoflutter4482  5 років тому +1

      github.com/codigoalphacol/FlutterFirebaseGoogleMapsMarkers

  • @jhoanmartinezsilva2609
    @jhoanmartinezsilva2609 5 років тому +1

    alguien le sale esto al poner en la terminal > gradlew signingReport
    "gradlew" no se reconoce como un comando interno o externo,
    programa o archivo por lotes ejecutable.

    • @codigoflutter4482
      @codigoflutter4482  5 років тому +1

      ese error se debe cuando no registra el SHA1 revisa este video, explicamos como generar el certificado SHA1 ua-cam.com/video/vJI_ZM6Emno/v-deo.html

  • @eliascolon3571
    @eliascolon3571 5 років тому +1

    Amigo, se podría de alguna forma que cuando el usuarios toque un marcador muestre un panel con alguna información?

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      Si puedes, mira la linea 70 del github.com/codigoalphacol/FlutterFirebaseGoogleMapsMarkers/blob/master/lib/main.dart proyecto de git Widget siteCard(sitio) {..... el child cuando presionas el marcador muestra el nombre del sitio, puede crear otro campo en tu colecion de firebase que diga info, y para cada marcador muestra info segun la necesidad, child: Center(child: Text(sitio['nombreSitio']))),

    • @eliascolon3571
      @eliascolon3571 5 років тому

      @@codigoflutter4482 Gracias, muy buen vídeo

  • @danirodriguez8426
    @danirodriguez8426 5 років тому +2

    Cool

  • @anthonydiana2308
    @anthonydiana2308 5 років тому +1

    Es posible usar otra base de datos que no sea en Firebase?

    • @codigoflutter4482
      @codigoflutter4482  5 років тому +1

      Si es posible, puedes usar Mysql, Oracle, cualquiera en en canal tenemos ejemplo Mysql ua-cam.com/video/kwZeCZr8Axs/v-deo.html

    • @anthonydiana2308
      @anthonydiana2308 5 років тому

      @@codigoflutter4482 He intentado pero tengo problemas con la data. Al parsear el json no hay problema pero cuando al usarlo para el if (24:47) llega como null. Tendras alguna idea de por qué? Gracias de antemano

  • @damianrcdev
    @damianrcdev 5 років тому +1

    Solo una duda, se visualiza de igual manera en IOS??

    • @codigoflutter4482
      @codigoflutter4482  5 років тому

      no dispongo de un mac para probar, pero creería que si

    • @damianrcdev
      @damianrcdev 5 років тому

      @@codigoflutter4482 ya somos 2 :'v

  • @ludianquinones7715
    @ludianquinones7715 5 років тому +1

    y si quiero que me muestre mi ubicacion?

    • @codigoflutter4482
      @codigoflutter4482  5 років тому +2

      Presionas el primer botón de arriba cuadrado te muestra tu ubicación, también puede presionar un marcador y te dice como llegar. codigo seria myLocationEnabled: true,

    • @mauriciosanchez813
      @mauriciosanchez813 5 років тому +1

      Como dice codigo Alpha, setear el parametro myLocationEnabled a true permite que aparesca tu localizacion y el boton de "center location" , es una propiedad del widget de Google maps. Antes de eso si debes obtener la localizacion tal vez usando una libreria como Locations

    • @ludianquinones7715
      @ludianquinones7715 5 років тому +1

      @@codigoflutter4482 gracias sigo apasionandamente estos videos

    • @ludianquinones7715
      @ludianquinones7715 5 років тому

      @@mauriciosanchez813 gracias

  • @jaironramirezacuna6197
    @jaironramirezacuna6197 4 роки тому

    Gracias por el video, mira presento este error :
    Exception has occurred.
    NoSuchMethodError (NoSuchMethodError: The method 'clearMarkers' was called on null.
    Receiver: null
    Tried calling: clearMarkers())

  • @amrragheb221
    @amrragheb221 5 років тому +1

    can u put english cc ??

  • @gonzalo33rec
    @gonzalo33rec 5 років тому

    Hola que tal, siguiendo los pasos me aparece este error al compilar:
    FAILURE: Build failed with an exception.
    * Where:
    Build file 'C:\Users\gps\Desktop\fluter\mapatres _funncionando\android\app\build.gradle' line: 70
    * What went wrong:
    A problem occurred evaluating project ':app'.
    > No such property: config for class: com.google.gms.googleservices.GoogleServicesPlugin
    * Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    * Get more help at help.gradle.org
    BUILD FAILED in 1s
    Finished with error: Gradle task assembleDebug failed with exit code 1

  • @rajayogan8884
    @rajayogan8884 4 роки тому +1

    Original video - ua-cam.com/video/o5-IAZqlr1E/v-deo.html . Please consider giving credit to the original creator in the future. Thanks. (Seriously, you din't even change the color of the buttons ? )

    • @codigoflutter4482
      @codigoflutter4482  4 роки тому

      I'm really sorry, I already made the adjustment in the video comments. Thank you