This is a great video for getting the maps set up. I'd like to see a video on using custom renderers to display your own markers on the map. Especially on the Android side.
Super nice topic, I made a video of this some days ago for a youtube channel and I explain how to extend the control to use with MVVM pattern, manage the maps and pins events to fire commands from the viewmodel, could you do a video like that to see how you implement that too :)
@Neil Hodges Yees, that video is in spanish, if you have a problem with that I can share a repo with you anyway.. this is the video ua-cam.com/video/icMM2cviOJo/v-deo.html
@@jfversluis I have some videos about Xamarin and Signalr here ua-cam.com/play/PLTFCsTqZK_kuvtDz9iMHiPw1n7JxDoSQX.html you could check the videos and do something like that, a basic chat app o whatever, would be great (sorry for the language of the video, I made videos for Latin people
Great video. Just created a reference for my capstone project. But I do have a question. How do you automatically rotate the map from which the user is facing ? Like for example, I'm in a car. And I want to rotate where ever the user or the car is going.
Hey Gerald, thanks for the video! My maps are super slow when navigating or zooming, have tried on both android emulator and real device. Any idea what gone wrong ?
Thank you Gerald, I just wondering why you really want to help, it s time consuming, anyway, just let you know that by helping us, you re making us rich
What I need to learn in xamarin within the year are, payment using some kind of credit card, location of the user just like uber, send pdf files thru email, uploading to apple store, if i ll be able to learn that, im satisfied with xamarin or maui
Thanks, Gerald For Your Useful Course. In Xamarin Forms For Android App. When users open the application. Does google charge my account just for opening Google Map? I read their doc but that was not clear to me. I appreciate it if somebody explains it for me.
Thanks You for the tutorial, could You do a vídeo with the real-time position of the person using the app, and also he can watch a route drawn on te map? So he can see if he's on the right track
Thank you very much Gerald, I have a doubt if I could customize the makers for example if I had a business. I would like to visualize all my branches with the makers, is it possible to do that?
It certainly is! Right now it’s not the easiest thing to do unfortunately. docs.microsoft.com/xamarin/xamarin-forms/app-fundamentals/custom-renderer/map-pin
Hi Gerald, love your videos. They have turned me into a pretty decent Xamarin Dev. There's just one thing I just can't solve no matter how good I am getting. Hoping you could make a video or direct me in the right direction. I have been struggling in showing a trip on my carpooling app much like the one on an Uber. That is with two info windows for both start and end locations open with their respective addresses. I have managed to render a custom info window the way I want to but can not make all the info windows open. How can I do one of the following: Override the current logic that prevents google Maps to open more than one info window at a time. Draw over the map to display a custom view right next to the Map pin.
You might want to skip the native opening of an info window altogether and just find the location of said pins and draw your own little box next to it?
Thank you Gerald for all the informative videos related to xamarin forms. In the above video, the API key will be exposed while decompiling the APK. Do we have any workaround to fix it?
Very awesome teaching, thank you !! Is it possible, in the same way, to give an address, display it on the map and check if it matches the user position?
Hello there. First of all, thank you for your very informative videos. You seem to have a knack to teach things efficiently and with the info needed. I know this is far from the right place to ask, but this kinda at the same time seems to be the place where i could get an answer fastest. So Google sent out email that they are going to roll out new Google Map Renderer soon. We use this Xamarin.Forms.Maps you show here too, and it uses Google's SDK and gms, but does not use any of the other things mentioned in the documentation i am too afraid to link, as UA-cam seems to automatically block my comment if i do so. Long story short, my question is: Does Xamarin.Forms.Maps users need to worry or do anything relating to the Google's new map renderer? I tried to search info about this subject, but found nothing. Thank you in advance! ps. I appreaciate if i get any pointers where could i ask simple question as these, i mean what is the "legit" place to ask. I am fairly new to programming.
Thank you so much Verfaya! I haven't seen anything about the new renderer. It kind of depends where things will be updated. Could you please send me more info at gerald.versluis@microsoft.com? As for the questions, feel free to join my Discord server (linked under newer videos) where you can ask all the questions you want to me or other people that love to help out :)
@@jfversluis I've tried TK Custom Maps and Xamarin GoogleMaps Clustering but both lag quite a bit so was hoping for Xamarin Forms Maps to have something :(
@@bobbybasak926 unfortunately not. I’ve gone with only displaying the pins around you, with a “search this area” button appear when you start moving around the map. Temp solution and really hope something out of the box becomes available. I’ve had this issue since I started with Xamarin in 2018
Gerald In most of your videos, there is one person who dislikes your videos. who is it ? I think she is your ex-girlfriend 😂 . It must be out of jealousy. Because you are the best
@@jfversluis yes, on android. I added my own api key. both restriction and none restriction one. but nothing's happend. I tried to follow xamarin docs. still get blank with google logo and 2 zoom button
@@jfversluis yes, play store is installed. I have a project using Xamarin.Forms.GoogleMaps, it's work fine. But something gone wrong when they update xamarin forms, so it ruin my app. My old version on emulator is still work.
Requesting the runtime permissions is explained in the Docs here: docs.microsoft.com/xamarin/xamarin-forms/user-interface/map/setup#request-runtime-location-permissions
Hi Gerard, I did upgrade my xamarin form map to the latest Xamarin.Forms.Maps .Now I am getting : Xamarin.Android.Legacy.targets(189,5): error XA0000: Could not determine API level for $(TargetFrameworkVersion) of 'v13.0'. Any reason ? Thanks
@@jfversluis What do you mean with add it? Are you one of the workers on Xamarin? Thank you for your videos anyways, it helps me with my current project
@@jfversluis Well you have to update me once you make the theme update! Forms googlemaps does have a mapstyle property. Probably something alike will be made?
@@jfversluis on google map API there is mapstyle. so i want to change my map with my costume style. then i dont know how to change that. can u give me some tutorial how to apply that custum map style to xamarin.forms.map.
Does UA-cam block my comments or is there something unpermittet in them. (Sorry that i posted this, i had to check what stopped my comments from coming. Seemly it was a link)
@@jfversluis No problemo! I think in my years and years in youtube, i have posted only like three comments before this, so this was a thing i had to learn :D
@@Verfaya I added you to the list of people that should always be allowed to comment, so it should be good now! Also, I'm honored to be one of your three comments ;)
@@AMIRKHAN-dm2fm That is up to you. As long as you can get the coordinates from the device that you want to track somehow you can update it on a client
Oh mannnn
Everyday you are killing me😂😂😂😂😂😂
Great effort, great topics from the great Gerald 💪🏻
Haha thank you!
Perfect! Clear and simple tutorial - just what I needed to put together a POC. Thanks. Next, I'd like to know how to display markers on a map.
Perfect! I’ll see if I can add the markers video!
This is a great video for getting the maps set up. I'd like to see a video on using custom renderers to display your own markers on the map. Especially on the Android side.
Thank you! There is pretty good docs to help you with that as well: docs.microsoft.com/xamarin/xamarin-forms/app-fundamentals/custom-renderer/map-pin
Oo Gerald, another very nice one! Very useful!!
Thanks! 😄
And thanks for becoming a member! Really appreciate the support!
Super nice topic, I made a video of this some days ago for a youtube channel and I explain how to extend the control to use with MVVM pattern, manage the maps and pins events to fire commands from the viewmodel, could you do a video like that to see how you implement that too :)
Very cool! I Will check out your video for some inspiration! :D
@Neil Hodges Yees, that video is in spanish, if you have a problem with that I can share a repo with you anyway..
this is the video
ua-cam.com/video/icMM2cviOJo/v-deo.html
Awesome Video Gerald!❤ Now we want SignalR with Xamarin Forms..!😉 I think there is a huge demand of SignalR with Xamarin..!
That would be cool! Anything specific?
@@jfversluis Hmm Like Realtime tracking, Example would be like an Uber ..! I hope so it won't be too long process 😛
@@jfversluis I have some videos about Xamarin and Signalr here ua-cam.com/play/PLTFCsTqZK_kuvtDz9iMHiPw1n7JxDoSQX.html you could check the videos and do something like that, a basic chat app o whatever, would be great (sorry for the language of the video, I made videos for Latin people
@@checox1909 Cool Steven, thanks for sharing! I will look into doing some videos on SignalR. Maybe we can collaborate!
@@jfversluis xD It would be an honor to collaborate with you, you just let me know what I have to do :D
Amazing as always!
Thank you! 😄
Thank you for the video, it was really helpful!
Great to hear, thanks!
Great video. Just created a reference for my capstone project. But I do have a question. How do you automatically rotate the map from which the user is facing ? Like for example, I'm in a car. And I want to rotate where ever the user or the car is going.
I don't think that is possible right now
Hey Gerald, thanks for the video! My maps are super slow when navigating or zooming, have tried on both android emulator and real device. Any idea what gone wrong ?
Btw, when I tap +/- signs to zoom, it works fine
great as always
Thank you! Cheers!
1)live tracking the user location and showing on map,
2)Poly lines between two coordinates etc..
Thanks
Tja je for the suggestions! Live tracking the user you mean the user of this device? That should be what the IsShowingUser property does :)
@@jfversluis thanks
Nice video to start learning xamarin map, I dont need this this moment, but sure to need it someday, I have questions for sure
Thanks! Let me know and maybe I cam create videos for it :)
Thank you Gerald, I just wondering why you really want to help, it s time consuming, anyway, just let you know that by helping us, you re making us rich
What I need to learn in xamarin within the year are, payment using some kind of credit card, location of the user just like uber, send pdf files thru email, uploading to apple store, if i ll be able to learn that, im satisfied with xamarin or maui
@@francisdy7294 I love to help and I mean, I work on Xamarin and .NET MAUI, so I just want everyone to use the great stuff we are releasing. :)
Good stuff thanks!
Glad to be of service!
Can You make a Video How to make your own Pins (Custom Pins) Pls? I NEED HELP:(( But good job Bro!
Hello Man, you´re awesome, your video help me a lot with a proyect. Thank you, very much!!!!
That’s great! Thank you so much for letting me know!
Thanks you for your help.
My pleasure!
Thanks, Gerald For Your Useful Course.
In Xamarin Forms For Android App. When users open the application. Does google charge my account just for opening Google Map?
I read their doc but that was not clear to me. I appreciate it if somebody explains it for me.
Thanks You for the tutorial, could You do a vídeo with the real-time position of the person using the app, and also he can watch a route drawn on te map? So he can see if he's on the right track
Thank you very much Gerald, I have a doubt if I could customize the makers for example if I had a business. I would like to visualize all my branches with the makers, is it possible to do that?
It certainly is! Right now it’s not the easiest thing to do unfortunately. docs.microsoft.com/xamarin/xamarin-forms/app-fundamentals/custom-renderer/map-pin
Hello and thanks for the great tutorial! Is there a way to add a custom icon to the pins located on the map ?
You can: docs.microsoft.com/xamarin/xamarin-forms/app-fundamentals/custom-renderer/map-pin
Hi Gerald, love your videos. They have turned me into a pretty decent Xamarin Dev.
There's just one thing I just can't solve no matter how good I am getting. Hoping you could make a video or direct me in the right direction.
I have been struggling in showing a trip on my carpooling app much like the one on an Uber. That is with two info windows for both start and end locations open with their respective addresses.
I have managed to render a custom info window the way I want to but can not make all the info windows open. How can I do one of the following:
Override the current logic that prevents google Maps to open more than one info window at a time. Draw over the map to display a custom view right next to the Map pin.
You might want to skip the native opening of an info window altogether and just find the location of said pins and draw your own little box next to it?
Thank you Gerald for all the informative videos related to xamarin forms.
In the above video, the API key will be exposed while decompiling the APK. Do we have any workaround to fix it?
Thanks Aniket!
I think the only real fix is to limit the API key to your specific app, you can do that from the Google console
@@jfversluis Thanks Gerald. But I actually found the fix by declaring a string resource and passing it to the meta-data value.
@@AniketKumar-zv8ro string values will still be there after decompiling so that doesn't help too much
Great video and lecture.
Do you know if any example of using (display/Pushpin) the open street map with xamarin.form
thank you.
I think you should be able to use MapsUI for that: mapsui.com/
@@jfversluis million thanks
nice!
🙏
Man Very useful
Yay thanks!
Hi, can you add an arrow to the map where the location or Pin is if it is outside the viewpoint?
I guess you can, but that isn't supported out of the box so that will require some custom code
How would a user incorporate google offline maps? There will be times that our users will need to use a saved map because they will not have service.
Very awesome teaching, thank you !!
Is it possible, in the same way, to give an address, display it on the map and check if it matches the user position?
Thanks Jean-Baptiste!
If you do a (reverse) geocode to get the coordinates from the address you would definitely be able to do something like that :)
Are you able to download maps and work offline. For example no cell service, but still be able to do routing?
I don't think so unfortunately
Thank you
Thanks for watching!
Thanks Gerald. I have a question, how do I move the main pin (the user location), when I navigate?
There is a property ShowUserLocation (or something like that) set that to true and it will show the users location and move it automatically
@@jfversluis thank you. that functionality didn’t work on emulator, but on device. it’s weird though
thanks mate
You’re welcome!
Great tutorial! Thanks Gerald. But how can we point on locations?
What do you mean with point on locations?
@@jfversluis it's okay. I figured it out 😁
@@philippedoumet6073 Great!
Hello there.
First of all, thank you for your very informative videos. You seem to have a knack to teach things efficiently and with the info needed.
I know this is far from the right place to ask, but this kinda at the same time seems to be the place where i could get an answer fastest.
So Google sent out email that they are going to roll out new Google Map Renderer soon. We use this Xamarin.Forms.Maps you show here too, and it uses Google's SDK and gms, but does not use any of the other things mentioned in the documentation i am too afraid to link, as UA-cam seems to automatically block my comment if i do so.
Long story short, my question is: Does Xamarin.Forms.Maps users need to worry or do anything relating to the Google's new map renderer? I tried to search info about this subject, but found nothing.
Thank you in advance!
ps. I appreaciate if i get any pointers where could i ask simple question as these, i mean what is the "legit" place to ask. I am fairly new to programming.
Thank you so much Verfaya! I haven't seen anything about the new renderer. It kind of depends where things will be updated. Could you please send me more info at gerald.versluis@microsoft.com?
As for the questions, feel free to join my Discord server (linked under newer videos) where you can ask all the questions you want to me or other people that love to help out :)
@@jfversluis I sent you an email now about this. Also i will most definedly join the discord server as soon as i have the change. Thank you again.
Thanks for this video i have a question regarding loading current location so when i run this app in real device where i pass device current location
You can show the users location by setting IsShowingUsersLocation to true :)
Is there a way to use custom maps? Cause I have a floor map with grids that I want to use instead of the standard google maps.
Not with this plug-in :)
@@jfversluis Do you know an option on the top of your head? Which works with Xamarin.Forms?
Thank you! What about clustering pins? I have 1000+ pins, that I'd like to cluster at a certain zoom level.
Not supported out of the box, but I know there are a. few plugins that offer that functionality :)
@@jfversluis I've tried TK Custom Maps and Xamarin GoogleMaps Clustering but both lag quite a bit so was hoping for Xamarin Forms Maps to have something :(
@@stavroaudi95 Curious if you found a good package for Clustering? Thanks
@@bobbybasak926 unfortunately not. I’ve gone with only displaying the pins around you, with a “search this area” button appear when you start moving around the map. Temp solution and really hope something out of the box becomes available. I’ve had this issue since I started with Xamarin in 2018
Gerald In most of your videos, there is one person who dislikes your videos. who is it ? I think she is your ex-girlfriend 😂 . It must be out of jealousy. Because you are the best
I KNOW! I've noticed that too. Someone must be really angry with me 😂
Can you set the map to change between map & satelite?
Yes you can use the MapType property for that: docs.microsoft.com/xamarin/xamarin-forms/user-interface/map/map#map-types
@@jfversluis Thanks mate! Just stuck a little though, my info.plist looks much different than yours. I don't even see add new entry
There’s different ways to add it. And if all else fails; it’s just an xml file so edit it with any text editor :)
Hi man, I downloaded your sample and the map doesn't show up. It's blank. I do all steps but don't get the same result. Are there any note ?
On Android? Did you add your own api key? :)
@@jfversluis yes, on android. I added my own api key. both restriction and none restriction one. but nothing's happend. I tried to follow xamarin docs. still get blank with google logo and 2 zoom button
Not sure! Is the play store installed on it? That might be a requirement
@@jfversluis yes, play store is installed. I have a project using Xamarin.Forms.GoogleMaps, it's work fine. But something gone wrong when they update xamarin forms, so it ruin my app. My old version on emulator is still work.
the code about permisions runtime you make it yourself? i canot find them in the internet (sry for my english)
Requesting the runtime permissions is explained in the Docs here: docs.microsoft.com/xamarin/xamarin-forms/user-interface/map/setup#request-runtime-location-permissions
@@jfversluis thank you very much nice videos very helpful
thanks, wher can I find 'direction' api example tutorial
Don’t have that one yet, sorry!
Hi Gerard,
I did upgrade my xamarin form map to the latest Xamarin.Forms.Maps .Now I am getting :
Xamarin.Android.Legacy.targets(189,5): error XA0000: Could not determine API level for $(TargetFrameworkVersion) of 'v13.0'.
Any reason ?
Thanks
Hm that sounds weird... Make sure to do a clean and rebuild. Else see if there eis an issue for it.
@@jfversluis .
It works now.
Thanks
@@cissemy great, glad you got it working!
Please do a video on live location sharing like whatsapp, uber, and many other apps does.
Working on it!
big respect for your work from russia
Privjet! That’s the only Russian word I know 😄 and probably spelled completely wrong…
Thank you so much friend!
@@jfversluis you spelled it right haha
Hi Gerard
Is there any reason why Xamarin forms(happens only to android) app does not launch while offline ?
Thanks
I'm not sure what you mean. When using a map?
@@jfversluis
Not the map alone .Any xamarin forma android app.
The app does not launch when in Airplane mode.
Thanks
@@cissemy then you probably try to access some internet resource and it crashes. Check the output window if there are any exception details
Is it possible to make our map dark mode or any other theme with Forms.Map?
Oh good question! I don’t think it’s supported in the Forms Maps. We should add that!
@@jfversluis What do you mean with add it? Are you one of the workers on Xamarin? Thank you for your videos anyways, it helps me with my current project
I work on the Xamarin Forms team, yes :) thanks for the kind words!
@@jfversluis Well you have to update me once you make the theme update! Forms googlemaps does have a mapstyle property. Probably something alike will be made?
Is it possible to let user pick location from map and get selected coordinates ?
Yep! If you implement the Map_MapClicked event, in the arguments there is the Position which has the coordinates :)
@@jfversluis Thanks, I will definitely give it a try !!
Let me know! I think I will show it in a video soon :)
When i ran the program i got 2 errors.
Failed processing manifest.
Attribute android:value not found.
You mean my exact sample code? I think I took out the api key :)
@@jfversluis no I put in my own. It’s a fact of life, even when you copy a UA-cam tutorial exactly it never works
this is in mac , the same thing in android ??
I'm afraid I don't understand, this also shows how to set it up for Android?
I am getting this error Failed processing manifest how can I resolve this any solution??
You probably have some error in your AndroidManifest.xml file
I didn't do anything from 16:33 to 22:20 and the app ran perfectly!
And it ran in the background the whole time? Woohoo!
@@jfversluis I just installed the NuGet package, set the API key and put in my .xaml file. Nothing else. :3
How do you search for an address and store the exact location data in a variable
That is Geocoding! I _think_ that might be part of this package. Great one! I'll do one on that!
That video is out now! I think I noticed you already commented on that too 😉
excuse me iam new in xamarin. how to change style map with mapID?
Sorry I'm not sure what you mean
@@jfversluis on google map API there is mapstyle. so i want to change my map with my costume style. then i dont know how to change that. can u give me some tutorial how to apply that custum map style to xamarin.forms.map.
How can i show multiple annotationview on ios map with xamarin from
You’ll probably need a custom renderer :)
@@jfversluis i am using custom render but not working i want to show arrow After vehicle moved on ios
I am stuck here from last 20 bays
Hi, map is not appearing in the emulator. It shows that google play services certificate not found.
Do you have the Google play store installed on the emulator?
@@jfversluis yes playstore was installed, do I need to signin ?
@@jfversluis In the xaml view it shows the google logo and zoom in, out buttons. But the map is not appearing.
You shouldn’t need to sign in. Did you add the right api key?
@@jfversluis I checked with another machine and its working. I think this is a issue with the emulator ? Is there any solution ?
Also sending a notification when a user gets to the coordinates of a pin or address
You should be able to use the videos I'm putting out here together to make a complete solution like that ;)
@@jfversluis i know i just want to take the easy way out. I know HOW to code but putting it all together into a project is just really hard.
Does UA-cam block my comments or is there something unpermittet in them. (Sorry that i posted this, i had to check what stopped my comments from coming. Seemly it was a link)
UA-cam is unfortunately a bit aggressive with their spam filter so it deletes a lot that shouldn’t be deleted, sorry :(
@@jfversluis No problemo! I think in my years and years in youtube, i have posted only like three comments before this, so this was a thing i had to learn :D
@@Verfaya I added you to the list of people that should always be allowed to comment, so it should be good now! Also, I'm honored to be one of your three comments ;)
How about Xamarin Forms Google Maps?
What about it? :)
The default location is Italy, where I live!!😂😂
That can’t me a coincidence 😉 are you also in Rome?
@@jfversluis I actually live near Milan, and I study there, but I often go on vacation near Rome😂 are you in Rome?😉
how could you see live design without running code ??
Not sure what you mean? :)
@@jfversluis I saw you write xaml code and the elements are drown in the same time .. how ??
That is called Hot Reload :)
@@jfversluis
How could I get it please?? 😊
@@pipoafndy3217 It's part of Visual Studio, should just be there :)
can we track someone location live uber cab service?
You absolutely can :)
@@jfversluis using SignalR or something else?
@@AMIRKHAN-dm2fm That is up to you. As long as you can get the coordinates from the device that you want to track somehow you can update it on a client
@@jfversluis Thanks
been trying to implement this, kept failing its so easy with react native but i love C#
Android is a curse!
Let’s just say it’s not my favorite 😅