Ionic - Google Map Live Tracking using Firebase
HTML-код
- Опубликовано: 5 авг 2024
- 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.
cool
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
Excellent video, I'm curious how to make the animation of the car moving until it reaches its destination.
When you will go to the destination it will be much smoother as it will cover up distance slowly
excellent video. Is it possible to find the shortest distance (shortest road) between two points in a map in in firebase.
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
Can you try this kind of tracking with some other maps , mappls because Google need cards right now
Will think about it
if i put the app in background will it still be tracking
If our app is killed then no, If only minimized may be yes
Check it
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
Check your code with my one
There should not be any error, if still facing any then connect via Instagram
Link in description
what about turn by turn, same way google map navigate work?
For that, some animation stuffs need to be used
Let’s see will try that too when I get time
Is this not gonna cost more on firebase? if it does how best to do it?
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
Execute that with coding
sorry bro but my map not load 10:38 so plz.. solve this my problem
Get my source code
Check it if you missed something
Also check your Google maps api key if it’s working or not
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 ...
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.
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
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
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
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
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
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
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
Optimize app , get a pseudo library to adjust Android permissions
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