@@TopDoorInstall Thanks you for the quick response. So when you call the map component in the parent component you pass the default lat and lng like this
@@azumahjoshuazilmayee6704 I defined LatLong as a type like this: export type LatLong = { type?: string, coordinates: number[] } and then pass like this:
This did come at just the right time. I've been wrestling with this for a few days now. I got your example to work when using a page within Next JS but my use case is to put the address field in a Shad CN Dialog bog. Whenever I do that I get the following error "InvalidValueError: not an instance of HTMLInputElement". I've played around a bit with onOpenChange and such but no success. Any thoughts would be greatly appreciated. Thanks again!
What is the code for the Input field? When I go to search a location, mine says 'This page can't load Google Maps Correctly', however the map displays under it, but the search doesn't show a drop down of locations, I have enabled billing but this did not seem to fix it
Just in time! Was looking for this thanks!
From one developer to another 👍
awesome video!! this was exactly what i needed
I am glad it helped.
Thank you for making this well detailed
Thank you this video. At 13:18 where is the coordinates coming from?
@@TopDoorInstall Thanks you for the quick response. So when you call the map component in the parent component you pass the default lat and lng like this
They are being passed in by the parent company.
@@azumahjoshuazilmayee6704 I defined LatLong as a type like this:
export type LatLong = {
type?: string,
coordinates: number[]
}
and then pass like this:
you can watch the PetRescue tutorial where I explained in detail how to pass. ruclips.net/video/lfHOAzFAul0/видео.htmlsi=4cE7CJ9Che0Q7GOT
@@Grepsoft Thank you.
This did come at just the right time. I've been wrestling with this for a few days now.
I got your example to work when using a page within Next JS but my use case is to put the address field in a Shad CN Dialog bog. Whenever I do that I get the following error "InvalidValueError: not an instance of HTMLInputElement". I've played around a bit with onOpenChange and such but no success.
Any thoughts would be greatly appreciated.
Thanks again!
you need to do a simple trick. Simply do this:
{open && }
The issue is Input is not loaded yet js is trying to bind to it.
@@Grepsoft Yup, spot on. I ended up referencing the field using useCallback instead of useRef and that did the trick. Thanks for the quick response!
@@ChrisMonnat Thanks that works too.
thanks man, Awesome very helpful appreciate you for this video
My pleasure
What is the code for the Input field? When I go to search a location, mine says 'This page can't load Google Maps Correctly', however the map displays under it, but the search doesn't show a drop down of locations, I have enabled billing but this did not seem to fix it
Have you enabled places API?
Amazing video sir. But please tell me, how I can add manual location picking with the marker instead of just using just the search bar
Sorry what do you mean manual location?
Thanks, man!!
You are welcome 🤗
when i am change the address before marker not remove how to handle this ?
sorry I don't understand. Can you please explain a bit?
Great video! do you have the code for this anywhere? Would love to implement that map view/list view toggle you have
Please see the parking management app series. The video will be released this week.
Please see the new video: ruclips.net/video/yWy7_-MwulY/видео.htmlsi=30oGsX3TfVR4jX9F. You can skip to 1:18:42 to see the layout switcher.
why dont you add a github repo here?
My other videos has link to my GitHub repo.