Ionic - Google Map Live Tracking using Firebase

Подписаться 6 тыс.

Просмотров 5 тыс.

50% 1

Hello Friends, Welcome Back to @CodingTechnyks. In this video, we are going to work with "Ionic - Google Map Live Tracking using Firebase" using #ionic #angular for #pwa, #android & #ios.
► Uber-Eats Clone App Series: • Ionic Uber Eats App cl...
► App Auth Screen Playlist: bit.ly/authScreenSeries
► Udemy Firebase Chat App Course for free: www.udemy.com/course/ionic-ch...
► Check out my Udemy Courses (₹389 / $9.99):
1. Ionic 6+ with NodeJs - Complete Beginner to Pro Course 2023 : www.udemy.com/course/ionic-6-...
2. Ionic 6+ From Beginner to Advanced - Build Food Delivery App : www.udemy.com/course/ionic5-b...
3. NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce: www.udemy.com/course/nodejs-b...
► Finance App Series: • Ionic Finance App UI S...
► Social Media
Facebook: / codingtechnyks
Github: github.com/Nykz
Instagram: / codingtechnyks
Twitter: / codingtechnyks
► Source Code: github.com/Nykz/Map-Live-Track
Timestamps:
0:00 : Intro
0:45 : Setup Google Map
9:39 : Draw the Route
17:38 : Working with Live Tracking
36:20 : Outro
Thanks for watching!
Kindly Like + Subscribe for such Interesting Videos.

Опубликовано:

16 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 30

@exodking1185 Год назад

cool

@alberbm1609 Год назад

Excellent video, I'm curious how to make the animation of the car moving until it reaches its destination.

@CodingTechnyks Год назад

When you will go to the destination it will be much smoother as it will cover up distance slowly

@rockypatnaik4961 5 месяцев назад

Hi sir this is very helpful us thank you so much, but I have small doubt if delevery boy's minimize or screen off then able to track continuously or not. If it able to track then get any battery drain issue

@yassineaguelmam8674 8 месяцев назад

excellent video. Is it possible to find the shortest distance (shortest road) between two points in a map in in firebase.

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

You get three options with the alternatives=true option set. You can then search through those for both the shortest and fastest of the routes returned. Connect via Instagram for further queries

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

Can you try this kind of tracking with some other maps , mappls because Google need cards right now

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

Will think about it

@GoldenMashegot 5 месяцев назад

what about turn by turn, same way google map navigate work?

@CodingTechnyks 5 месяцев назад

For that, some animation stuffs need to be used Let’s see will try that too when I get time

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

Hello, I am following your guide, but at minute 10:38 the map is not visible in my app. Could it be due to the version 7.1.1 of ionic that I work with? I am very confused about how to implement the map, I need it to finish my university project and I can't find how to apply it :c

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

Check your code with my one There should not be any error, if still facing any then connect via Instagram Link in description

@GoldenMashegot 5 месяцев назад

Is this not gonna cost more on firebase? if it does how best to do it?

@CodingTechnyks 5 месяцев назад

Depends on the request If you don’t want to fetch live location as it changes then there are few options First, update driver location after certain time period when on move like every 1 min Second, read location change after certain time period

@CodingTechnyks 5 месяцев назад

Execute that with coding

@shivamtiwari8789 8 месяцев назад

if i put the app in background will it still be tracking

@CodingTechnyks 8 месяцев назад

If our app is killed then no, If only minimized may be yes Check it

@rajsunaviya7791 2 месяца назад

sorry bro but my map not load 10:38 so plz.. solve this my problem

@CodingTechnyks 2 месяца назад

Get my source code Check it if you missed something Also check your Google maps api key if it’s working or not

@SkyePulse26 9 дней назад

The minute you switched off strict checking i stopped watching. A junior teaching a bunch of juniors is dangerous. I see this pattern in leadership as well in the dev space ...

@CodingTechnyks 9 дней назад

Hi, you are right about strict typescript checking, it’s a bad practice to turn it to false I made this video last year June, at that time much more strict type checking in angular typescript was introduced with angular version 16 I think, before that the code that I implement had not given those errors as the version of angular and typescript mainly was not checking that strictly, so to have a smooth understanding for the users I did that which I can’t change now in the video. In latest videos, I am explaining without following the same practice. In fact I was about to make a short video on this topic. Anyways, I hope you are aware of many developers avoiding typescript due to much more strict checking. You are free to have your own opinion, and I don’t mind it…but don’t insult the crowd watching it Anyways, thanks for your feedback.

@rockypatnaik4961 5 месяцев назад

Hi sir this is very helpful us thank you so much, but I have small doubt, if delevery boy's minimize or screen off then able to track continuously or not. If it able to track then get any battery drain issue

@CodingTechnyks 5 месяцев назад

For that you have to use background tracking, there is a new plugin in capacitor called background runner You can try that Background tracking mostly eats up lot of battery, so to optimise it smart uses is required

@rockypatnaik4961 5 месяцев назад

Hi sir this is very helpful us thank you so much, but I have small doubt , if delevery boy's minimize or screen off then able to track continuously or not. If it able to track then get any battery drain issue

@wintendedgamer2328 3 месяца назад

Optimize app , get a pseudo library to adjust Android permissions

@CodingTechnyks 3 месяца назад

This is realtime firestore api that is being used If you want to use it in a delivery boy app then when location of delivery boy changes, it’s updated in server then due to realtime firebase api you can get the location tracking If you want to fetch geolocation of driver in realtime whenever it moves even when app minimizes then you have to use background runner plugin of capacitor, that might work to a certain extent and it will impact the battery to some extent for sure