This is a great help. Unique code wich is very helpfull. Not the repetitive stuff as you read all over. New fresh and enlighting. Everybody can understand this.And I like the Cluseau accent. And I think its usefull with Bing or other code aswell.
Just to clarify, the GPS coordinates should NOT be saved as float! Float actually rounds data and you end up saving incorrect info! You should use Decimal(10, 7) for about 1.0 centimeter accuracy and Decimal(5, 8) for 1 to 3 meters accuracy! Good luck
How do you set the center of the map to your present location? position.coords.latitude and position.coords.longitude are not working when I tried to replace the center long and lat in your code. Please help
hi there, great totorial , i seem to have a problem ; when user adds a marker it works fine but no new marker is in admin page or database...i have 2 markers in the db and they work fine .. i would very appreciate help
Thanks sir, Great tutorial. I wanna ask what changes I have to make to get image along with description for more information about location??. Plzz guide!!
Kind sir your video is amazing! I thank you. This video is very helpful and very easy to understand. Also, your English is amazing. Your accent reminds me of my Polish grandmother's accent. She went to be with Jesus a few years back. God Bless you my friend.
thank you for this, helped a lot! I would like to add a delete button next to the save button on the admin site, to delete from the database the markers the admin does not want to confirm. I am having some troubles...do you have some hints? thanks a lot
Sallam Ahmed and thanks for the info. Please correct me if I am wrong, after installing the script, is the google marker will be added automatically once my website users will register their home address or it requires a special action from their end first before I would confirm it on my admin side - thanks Bro
thank you. can you maybe explain how to save locations via form. meaning lets say I want to mark a party at a location, I want to click on where it is and have a form popup so I can enter description, time. etc... and save the event.
Thanks mate for such a nice support. A lot helpful. But this is giving me Error (ApiNotActivatedMapError). When i go to enable maps library. Which one should i enable for this ?
enable Api do this Go to API Manager Click on Overview Search for Google Maps JavaScript API(Under Google Maps APIs). Click on that You will find Enable button there. Click to enable API. OR You can try this url: Maps JavaScript API
hello, Thank u so much for ur efforts and for this helpful tutorial (jazak allah khayr insh'allah). Please i have question if i want to add all of these files in another project, how is it possible? please i am waiting for your answer.
sry sir when i open the file in browser it will be blank and i also try to open other file it is also blank, and also header file is not coming in the list of files pls help me to solve the problem .
Thank you very much. After dropping the marker (event click) how can i listen to another event to move the marker to new position, this because mouse events are conflicting. Kind regards
you are welcome bas , try to figure out what is the error bu use chrome console , press F12 and read the error then google it and if you not find the answer paste it here
you are welcome hafssa, try to figure out what is the error bu use chrome console , press F12 and read the error then google it and if you not find the answer paste it here
Hi dude, great tutorial!!! I dont know what is wrong here, but the page is white (nothing is showing), dont load map. How can i fix it? Do I need to get a google key? Please say me something.
i am thinking to continue with these subjects but the problem with google maps pricing changed ,therefore it is required to use a billing details , so i go now for mapbox until i have have one
Thank you, you solved my problem for 20 minutes, I hadn't found solving for my problem for 3 days and after that I found your video (like and sub from me))))!
thx u sir, could you please add video about drawing on google map and store in db thx u and plz share your email i want some help from you related with google map
for who asking about api key the old one stopped working cus google did some update about pricing this month
thanks for this info
and how to fix this problem?
@@mochfaizalansyori7024 go here developers.google.com/maps/documentation/javascript/get-api-key
@@mochfaizalansyori7024 you have to buy a google API key and insert it in the user-map page in line 7
This is a great help. Unique code wich is very helpfull. Not the repetitive stuff as you read all over. New fresh and enlighting. Everybody can understand this.And I like the Cluseau accent. And I think its usefull with Bing or other code aswell.
Jan Oostende you are welcome Jan
Just to clarify, the GPS coordinates should NOT be saved as float! Float actually rounds data and you end up saving incorrect info!
You should use Decimal(10, 7) for about 1.0 centimeter accuracy and Decimal(5, 8) for 1 to 3 meters accuracy! Good luck
Thanks this is TH-cam Gold, you're a life saver needed this for a school project i owe you a million, ive subscribed
You are welcome,i am really glade to hear that
I LOVE YOU, MAN, YOU SAVED MY PROJECT
How do you set the center of the map to your present location? position.coords.latitude and position.coords.longitude are not working when I tried to replace the center long and lat in your code. Please help
hi there, great totorial , i seem to have a problem ; when user adds a marker it works fine but no new marker is in admin page or database...i have 2 markers in the db and they work fine ..
i would very appreciate help
Thanks sir, Great tutorial.
I wanna ask what changes I have to make to get image along with description for more information about location??. Plzz guide!!
Hello sir
on the admin everything is working fine...
but on user side nothing works...
Thank you...
Thank you! For the contribution, and as I modify to know the real user location
Awesome example! This code is easy to understand, use and modify. Thanks!
Do you know how to animate one marker to another? like a animate route with a car or truck and show the time between the both markers .. Thanks !
thanks to this tutorial you made our capstone project possible
Hi Thank you for this but here edit/update & delete option should also available, then it will complete
Thank you so much! but how can I load only specific area from google map, because I don't want to load other area in my project? help
Kind sir your video is amazing! I thank you. This video is very helpful and very easy to understand. Also, your English is amazing. Your accent reminds me of my Polish grandmother's accent. She went to be with Jesus a few years back. God Bless you my friend.
You are welcome brother, and Hope your grandmother in a good place , thanks
thank you for this, helped a lot! I
would like to add a delete button next to the save button on the admin site, to delete from the database the markers the admin does not want to confirm. I am having some troubles...do you have some hints? thanks a lot
I have a question, when we use API to add markers in Google MAP , are those markers will add at google Main / LIVE MAP?
no
I am gonna recreate this from nothing, can you gave the sequence to do all of this?
Sallam Ahmed and thanks for the info. Please correct me if I am wrong, after installing the script, is the google marker will be added automatically once my website users will register their home address or it requires a special action from their end first before I would confirm it on my admin side - thanks Bro
salam omar , you should confirm first
why when I run the code, it come out the whole script but no map showing?
Instead of using google map i want to use open source map please help me out i don't know how to do please reply asap
I have been working with mapbox and you will find tutorials for mapbox in my channel
thank you. can you maybe explain how to save locations via form. meaning lets say I want to mark a party at a location, I want to click on where it is and have a form popup so I can enter description, time. etc... and save the event.
Excellent, Thanks for SC as well, I tried for couple of days, can you please add a box for date as well, I wanna enter a date and save it. Please.
Thanks mate for such a nice support. A lot helpful. But this is giving me Error (ApiNotActivatedMapError). When i go to enable maps library. Which one should i enable for this ?
enable Api do this
Go to API Manager
Click on Overview
Search for Google Maps JavaScript API(Under Google Maps APIs). Click on that
You will find Enable button there. Click to enable API.
OR You can try this url: Maps JavaScript API
hello, Thank u so much for ur efforts and for this helpful tutorial (jazak allah khayr insh'allah).
Please i have question if i want to add all of these files in another project, how is it possible? please i am waiting for your answer.
Hey, I'm getting a error "This page can't load Google Maps correctly." Can anyone help me out?
Thank you soo much. Until recently, I have been encountering the error " unexpected token '
check for your database and locations table,also you should have at least one location into this table
@@Webeasystep Thank you sir
can i change save the data to MySQL without admin permission?
sry sir when i open the file in browser it will be blank and i also try to open other file it is also blank, and also header file is not coming in the list of files pls help me to solve the problem .
Could you enable the option for search then save to database?
It seems that there is no way to delete a marker in admin-map . Or am I missing something? I tried copying code from user, but couldn't get it to work
I just want to change the color of a marker from a database or a local server using php script. is it possible?
How to get current location visitor or device user?
How to show path made by multiple points?
BIGG shout out for tutorial and code. THANKS !!
Great Video! may i request to add some functions in this code such as " after the markers are placed it creates a path for multiple markers placed
"
your tutorial is great, i used this but when i add 'map.data.loadGeoJson' the selected area cannot be mark, what should i do to fix this ?
How to load map from mysql by passing parameters to ajax.
thank you so much, grateful tutorial. Could you suggest a method to move the marker?
Sure, you will find more tutorials in this channel to do this
Thank you very much. After dropping the marker (event click) how can i listen to another event to move the marker to new position, this because mouse events are conflicting. Kind regards
I need to do the same, when I click on a link that has the coordinates the map will move
Hello, I have a question: How can an administrator change the data in a description before giving approval?
How to do the same in mapbox or leaflet sir
why if i add the search bar i cannot save locations?
Nice tutorial, can you make the same script for Android studio? Like php and Android working together...
thank you , sorry i have no expertise about android
Ohh ok
Great things, we can use this map to pin the outlets location for trade company
Please help, when I run the code, no map display on my browser, how can i fix this,
Database imported successfully
johnrey katigbak it's not your problem but Google maps changed their pricing
what should i do
Thank you
@@jannreyvlogs2023 Did it worked now?
@Raheel Khan when I am loading this map it's blank and I used mu API key but it's not paid
when I type something in the description it says inserting errors why is that please help
how to download the files. i cant download it
Thanks for the tutorial, excellent. I need a link that has the coordinates, when I click the map to move and zoom in.
Copias la funcion de iniciar mapa y creas otra que reciba las coordenadas que tienes guardada en la base de datos y colocas la variable.
How do I confirm from Amdin ?? Since there is no option to confirm in Admin Page . Your help needed.
Like the tutorial said,go to admin page click on the marker , pop-up window will appear, choose confirm press submit and it's confirmed
Sir , There is no marker in Admin page
@@web_easy_step
Here only map is showing
Because you should add new location from user page firstly,then confirm that on the admin page
@@web_easy_step At first I added a new place from user page but when I was opening Admin Page here I could not find any marker or confirmation popup .
how to combine with search box? I am so depressed :(
can you add please where the user can only see what marker is already been there
I want to add marker on my image ,
How can i remove googlemap and use my image . Thx for help :))
Sir how to store the tracking location details in backend databse
can you add autocomplete place search sir?
hello sir i need your help to developed to above source plz help me
im not getting the any output
hello thanks for your tuto ,i don't know why the code don't work they give me empty page....caan u help me plzz
I have the same problem. Blank page. Tried changing the API key to a new one.
you are welcome bas , try to figure out what is the error bu use chrome console , press F12 and read the error then google it and if you not find the answer paste it here
you are welcome hafssa, try to figure out what is the error bu use chrome console , press F12 and read the error then google it and if you not find the answer paste it here
hello,thanks for yoour time the code of user-map work but the code of admin-map noo,and in console they given't anything
It worked for me u should type the path of the file "localhost/name-of-folder/admin-map.php" I hope it will work for u. good luck
Hello, it possible to display our photos to this card?
How can the user add a photo that contains geolocated data?
by any chance does anyone know how to do the same thing only in java for an android app?
Ya there is an whole playlist for that on youtube
@@dhruvthakkar4350 where i need it lol
Thank u so much for this tutorial. I need to do the same using Android. Can you help me?? Please reply.
You are welcome pombi,sorry for that i have no experience with Google maps for Android developers
how to do this with firebase?
Hi dude, great tutorial!!! I dont know what is wrong here, but the page is white (nothing is showing), dont load map. How can i fix it? Do I need to get a google key? Please say me something.
Sure you need key
Thx for your reply. So, I got it. Now, it´s working as charm.
Btw, do you have so code/script using some google maps free alternatives?
@@luizeduardompf sure , i have another series called google maps alternatives
@@web_easy_step Thank you so much
How to add current location of user? thanks.
I have already another video about this topic plz find it in the channel
bonjour,
merci pour votre aide mon amie
je suis tres reconaissant pour le travail que vous avez fait.
votre amie du maroc TAHA YOUSSEF
Salutations à toi Taha et toi ma famille au Maroc frère
Hi, the description dialog box doesn't popup and my locations-model.php displays nothing. Thanks
Use another API key
I generated several API key
Hi, admin-map.php displays nothing
Same for me its works with location database but doesnot work if we change databse to ours
pls help
how can i add image to info window and show it to the admin?
Dinush Chathurya it's just another img tag into html code,and to display it add new key into the the info window array
@@Webeasystep i did it but when it add a another image the user map not appear
@@Webeasystep and when we confirmed the the location the purple PNG didn't convert to red.
great tutorial man, it's very helpful, thank you so much to share it,I suscribe
You are welcome my friend
the admin page is not working :(..... it doesn't show the marker created by the user :( pls help
for who asking about api key the old one stopped working cus google did some update about pricing
thanx for the great job ,but could you give us other link this link is not openning
click on the link on the description then click on downloads in the side bar then click download repository link
thanx but the admin and user page give blank white page without any error every thing correct but nothing given in page
@@Webeasystep I cant see the sidebar where it was placed
where is index page
Nice tuto. very usefull... thank a lot
ilive Safi you are welcome ilive
ابغي اتواصل معاك عندي واجب بالقوقل ماب ممكن تعمله لي وبكم؟
عذرا على التأخير ، التواصل معي خاص
I like ur tutorial and the way u explain thank u very much
you are welcome Hamze, i really glad to read your comments ^_^
how a about a polylines? and polygons?? do you have any??
i am thinking to continue with these subjects but the problem with google maps pricing changed ,therefore it is required to use a billing details , so i go now for mapbox until i have have one
Thank you, you solved my problem for 20 minutes, I hadn't found solving for my problem for 3 days and after that I found your video (like and sub from me))))!
I am really glad to hear that Flix,you are welcome :)
good job, how u make video for geofence also. thx
Sir, how do I add several markers on one database tuple?
follow this tutorial
th-cam.com/video/IozIX9htOcI/w-d-xo.html
Please your Code Editor ? What it is name
Radouan Aouni sure, PHPstorm,by the way I have a tutorial to discuss how to use it with react native, take a look at react native tutorial list
Thanks sur , by the way nice voice and pronouniation ❤
Thanks a lot for this beautifull explications .
you are welcome christ
Sir plz make store locator in laravel tutorial
thx u sir, could you please add video about drawing on google map and store in db thx u
and plz share your email i want some help from you related with google map
excelente! excelente! excelente!
This is awesome! Thank you!
Man you are the best, thanks
Thank you a very much.
merci beaucoup faite encore plus
really nice video..
great tutorial
thank you sir
great sir
Thanks..
thank you
0:15 t
Comando !!!!!!
wow thanks
you are welcome
you go so fast
Kindly,Can you explain what you mean?
@webeasystep
marker of user page is not appearing in admin page even after refreshing the page , pls help
Hi, I have added a new API key but I cannot display any map on neither admin nor user page? please help