Это видео недоступно.
Сожалеем об этом.

How to save locations (markers) on google maps using PHP MYSQL | Full Script

Поделиться
HTML-код
  • Опубликовано: 11 апр 2018
  • THIS IS A FREE Full script Not a Sample ,You can Use It in real Projects
    Download Source Code
    github.com/web...
    =======================
    In this tutorial you will learn :
    1- how to save your location (marker) dynamically in database using PHP MYSQL
    2-How to show hide markers on the map
    3- How to Save data from google info window with php
    4- How to Dynamically add marker to Google Map
    5- How to Load Multiple Markers on Google Maps JS API v3
    6- How to Remove Selected Marker Only with right click by using uniqueid
    7- How to save checkbox state inside google map infowindow
    8- How to set animation google maps marker
    9- How dynamically change the marker icon after load

Комментарии • 173

  • @adilnourin9028
    @adilnourin9028 6 лет назад +4

    for who asking about api key the old one stopped working cus google did some update about pricing this month

    • @Webeasystep
      @Webeasystep  6 лет назад +1

      thanks for this info

    • @mochfaizalansyori7024
      @mochfaizalansyori7024 6 лет назад +1

      and how to fix this problem?

    • @rhalp10
      @rhalp10 5 лет назад

      @@mochfaizalansyori7024 go here developers.google.com/maps/documentation/javascript/get-api-key

    • @atheer7373
      @atheer7373 4 года назад

      @@mochfaizalansyori7024 you have to buy a google API key and insert it in the user-map page in line 7

  • @akinboyeyusuff215
    @akinboyeyusuff215 5 лет назад +1

    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

  • @Belbabel
    @Belbabel 5 лет назад +2

    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.

    • @Webeasystep
      @Webeasystep  5 лет назад

      Jan Oostende you are welcome Jan

  • @ddmicrolab7684
    @ddmicrolab7684 4 года назад +1

    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

  • @techwithayub
    @techwithayub 5 лет назад +2

    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

  • @ChilaKasonde
    @ChilaKasonde 5 лет назад +2

    Thanks this is RUclips Gold, you're a life saver needed this for a school project i owe you a million, ive subscribed

    • @Webeasystep
      @Webeasystep  5 лет назад

      You are welcome,i am really glade to hear that

  • @steiinnn9354
    @steiinnn9354 6 лет назад +2

    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 !

  • @simranchandwale8745
    @simranchandwale8745 4 года назад +1

    Hello sir
    on the admin everything is working fine...
    but on user side nothing works...
    Thank you...

  • @topjalinc6620
    @topjalinc6620 4 года назад +1

    I have a question, when we use API to add markers in Google MAP , are those markers will add at google Main / LIVE MAP?

  • @dinazuriq6731
    @dinazuriq6731 5 лет назад +1

    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

  • @bytech101
    @bytech101 Год назад

    Hi, I have added a new API key but I cannot display any map on neither admin nor user page? please help

  • @tutubaraobolsabalcaobrasil
    @tutubaraobolsabalcaobrasil 2 года назад

    I LOVE YOU, MAN, YOU SAVED MY PROJECT

  • @719_abhishekmishra3
    @719_abhishekmishra3 Год назад

    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!!

  • @aditichoudhary4895
    @aditichoudhary4895 4 года назад +1

    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

    • @Webeasystep
      @Webeasystep  3 года назад

      I have been working with mapbox and you will find tutorials for mapbox in my channel

  • @sotecdi8507
    @sotecdi8507 4 года назад +1

    Thank you! For the contribution, and as I modify to know the real user location

  • @sgwhammer
    @sgwhammer 5 лет назад

    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

  • @azwarnaim2262
    @azwarnaim2262 4 года назад +1

    can i change save the data to MySQL without admin permission?

  • @Sarux7
    @Sarux7 3 года назад

    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

  • @dominiccarolino7223
    @dominiccarolino7223 5 лет назад +1

    thanks to this tutorial you made our capstone project possible

  • @teamkoson480
    @teamkoson480 Год назад

    why when I run the code, it come out the whole script but no map showing?

  • @emilkoz
    @emilkoz 4 года назад

    Awesome example! This code is easy to understand, use and modify. Thanks!

  • @emkowale2
    @emkowale2 3 года назад

    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.

    • @Webeasystep
      @Webeasystep  3 года назад

      You are welcome brother, and Hope your grandmother in a good place , thanks

  • @harshithms3017
    @harshithms3017 4 года назад

    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 .

  • @thatsthelife552
    @thatsthelife552 6 лет назад

    I just want to change the color of a marker from a database or a local server using php script. is it possible?

  • @manseurnaima1485
    @manseurnaima1485 6 лет назад

    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.

  • @keeganvaz6589
    @keeganvaz6589 3 года назад

    Hey, I'm getting a error "This page can't load Google Maps correctly." Can anyone help me out?

  • @diamondbackdtb
    @diamondbackdtb 4 года назад

    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.

  • @rifpratomo
    @rifpratomo 2 года назад

    I am gonna recreate this from nothing, can you gave the sequence to do all of this?

  • @michalbendik7936
    @michalbendik7936 5 лет назад +1

    by any chance does anyone know how to do the same thing only in java for an android app?

    • @dhruvthakkar4350
      @dhruvthakkar4350 5 лет назад

      Ya there is an whole playlist for that on youtube

    • @ChilaKasonde
      @ChilaKasonde 5 лет назад

      @@dhruvthakkar4350 where i need it lol

  • @omarloukili9350
    @omarloukili9350 5 лет назад

    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

    • @Webeasystep
      @Webeasystep  5 лет назад

      salam omar , you should confirm first

  • @AmitVerma-xb7uy
    @AmitVerma-xb7uy 3 года назад

    @webeasystep
    marker of user page is not appearing in admin page even after refreshing the page , pls help

  • @ndegwaofficial
    @ndegwaofficial 5 лет назад +1

    Thank you soo much. Until recently, I have been encountering the error " unexpected token '

    • @Webeasystep
      @Webeasystep  5 лет назад +1

      check for your database and locations table,also you should have at least one location into this table

    • @ndegwaofficial
      @ndegwaofficial 5 лет назад

      @@Webeasystep Thank you sir

  • @narayanjena4259
    @narayanjena4259 3 года назад

    Hi Thank you for this but here edit/update & delete option should also available, then it will complete

  • @rhalp10
    @rhalp10 5 лет назад

    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 ?

  • @tsvqtkov
    @tsvqtkov 6 лет назад

    Hello, I have a question: How can an administrator change the data in a description before giving approval?

  • @MyPersonalAccount124
    @MyPersonalAccount124 5 лет назад

    when I type something in the description it says inserting errors why is that please help

  • @TheFirstLiving
    @TheFirstLiving 6 лет назад

    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.

  • @shankarthakur1
    @shankarthakur1 5 лет назад

    BIGG shout out for tutorial and code. THANKS !!

  • @magsayojaderechie4766
    @magsayojaderechie4766 Год назад

    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
    "

  • @osamamughal8010
    @osamamughal8010 4 года назад

    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 ?

    • @Webeasystep
      @Webeasystep  4 года назад

      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

  • @dijiflex
    @dijiflex 4 года назад

    Could you enable the option for search then save to database?

  • @trinhtronggia
    @trinhtronggia 3 года назад

    How to get current location visitor or device user?

  • @jannreyvlogs2023
    @jannreyvlogs2023 5 лет назад +1

    Please help, when I run the code, no map display on my browser, how can i fix this,
    Database imported successfully

    • @spcialist
      @spcialist 5 лет назад

      johnrey katigbak it's not your problem but Google maps changed their pricing

    • @jannreyvlogs2023
      @jannreyvlogs2023 5 лет назад

      what should i do

    • @jannreyvlogs2023
      @jannreyvlogs2023 5 лет назад

      Thank you

    • @dhruvthakkar4350
      @dhruvthakkar4350 5 лет назад

      @@jannreyvlogs2023 Did it worked now?

    • @moviesclipped9544
      @moviesclipped9544 4 года назад +1

      @Raheel Khan when I am loading this map it's blank and I used mu API key but it's not paid

  • @karamjitsinghsehdev3451
    @karamjitsinghsehdev3451 4 года назад

    How to load map from mysql by passing parameters to ajax.

  • @zhasklancelot8765
    @zhasklancelot8765 5 лет назад

    why if i add the search bar i cannot save locations?

  • @soeungchanneang5059
    @soeungchanneang5059 3 года назад

    Great things, we can use this map to pin the outlets location for trade company

  • @caiocesar5414
    @caiocesar5414 5 лет назад +1

    Nice tutorial, can you make the same script for Android studio? Like php and Android working together...

  • @timeloupe
    @timeloupe 4 года назад

    How to show path made by multiple points?

  • @akashnawin3130
    @akashnawin3130 4 года назад

    How to do the same in mapbox or leaflet sir

  • @tutorialsviewers1381
    @tutorialsviewers1381 5 лет назад +1

    How do I confirm from Amdin ?? Since there is no option to confirm in Admin Page . Your help needed.

    • @web_easy_step
      @web_easy_step 5 лет назад

      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

    • @tutorialsviewers1381
      @tutorialsviewers1381 5 лет назад

      Sir , There is no marker in Admin page
      @@web_easy_step

    • @tutorialsviewers1381
      @tutorialsviewers1381 5 лет назад

      Here only map is showing

    • @web_easy_step
      @web_easy_step 5 лет назад

      Because you should add new location from user page firstly,then confirm that on the admin page

    • @tutorialsviewers1381
      @tutorialsviewers1381 5 лет назад

      @@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 .

  • @poiidsivunda2321
    @poiidsivunda2321 6 лет назад

    Hello, it possible to display our photos to this card?

  • @davecamasura4459
    @davecamasura4459 5 лет назад

    can you add please where the user can only see what marker is already been there

  • @z4pthegreat
    @z4pthegreat 2 года назад

    how to download the files. i cant download it

  • @dinushchathurya
    @dinushchathurya 5 лет назад +1

    how can i add image to info window and show it to the admin?

    • @Webeasystep
      @Webeasystep  5 лет назад

      Dinush Chathurya it's just another img tag into html code,and to display it add new key into the the info window array

    • @dinushchathurya
      @dinushchathurya 5 лет назад

      @@Webeasystep i did it but when it add a another image the user map not appear

    • @dinushchathurya
      @dinushchathurya 5 лет назад

      @@Webeasystep and when we confirmed the the location the purple PNG didn't convert to red.

  • @tofann_
    @tofann_ 5 лет назад

    how to combine with search box? I am so depressed :(

  • @beautyofsilentkiller113
    @beautyofsilentkiller113 4 года назад

    Sir how to store the tracking location details in backend databse

  • @slcodinghub6410
    @slcodinghub6410 4 года назад

    hello sir i need your help to developed to above source plz help me

  • @samario0912
    @samario0912 3 года назад

    Thanks for the tutorial, excellent. I need a link that has the coordinates, when I click the map to move and zoom in.

    • @samario0912
      @samario0912 3 года назад

      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.

  • @PrinCe-xx9rv
    @PrinCe-xx9rv 5 лет назад

    How can the user add a photo that contains geolocated data?

  • @felipecastillo4048
    @felipecastillo4048 5 лет назад

    great tutorial man, it's very helpful, thank you so much to share it,I suscribe

  • @LemarocEnclaire
    @LemarocEnclaire 4 года назад +1

    bonjour,
    merci pour votre aide mon amie
    je suis tres reconaissant pour le travail que vous avez fait.
    votre amie du maroc TAHA YOUSSEF

    • @web_easy_step
      @web_easy_step 4 года назад

      Salutations à toi Taha et toi ma famille au Maroc frère

  • @shradhavb5369
    @shradhavb5369 4 года назад

    im not getting the any output

  • @ilivesafi7889
    @ilivesafi7889 6 лет назад

    Nice tuto. very usefull... thank a lot

    • @Webeasystep
      @Webeasystep  6 лет назад

      ilive Safi you are welcome ilive

  • @applelemon9371
    @applelemon9371 4 года назад

    I want to add marker on my image ,
    How can i remove googlemap and use my image . Thx for help :))

  • @glaubercarvalho788
    @glaubercarvalho788 4 года назад

    This is awesome! Thank you!

  • @pompi2626
    @pompi2626 5 лет назад

    Thank u so much for this tutorial. I need to do the same using Android. Can you help me?? Please reply.

    • @Webeasystep
      @Webeasystep  5 лет назад

      You are welcome pombi,sorry for that i have no experience with Google maps for Android developers

  • @hafssaeloiaabane8033
    @hafssaeloiaabane8033 6 лет назад +1

    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

    • @basvaningen4439
      @basvaningen4439 6 лет назад +1

      I have the same problem. Blank page. Tried changing the API key to a new one.

    • @Webeasystep
      @Webeasystep  6 лет назад

      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

    • @Webeasystep
      @Webeasystep  6 лет назад +1

      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

    • @hafssaeloiaabane8033
      @hafssaeloiaabane8033 6 лет назад

      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

    • @manseurnaima1485
      @manseurnaima1485 6 лет назад

      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

  • @hamzaberouayel9860
    @hamzaberouayel9860 6 лет назад

    I like ur tutorial and the way u explain thank u very much

    • @Webeasystep
      @Webeasystep  6 лет назад +1

      you are welcome Hamze, i really glad to read your comments ^_^

  • @dr.michaelscoutelis368
    @dr.michaelscoutelis368 3 года назад

    thank you so much, grateful tutorial. Could you suggest a method to move the marker?

    • @Webeasystep
      @Webeasystep  3 года назад +1

      Sure, you will find more tutorials in this channel to do this

    • @dr.michaelscoutelis368
      @dr.michaelscoutelis368 3 года назад

      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

    • @samario0912
      @samario0912 3 года назад

      I need to do the same, when I click on a link that has the coordinates the map will move

  • @azwarnaim2262
    @azwarnaim2262 4 года назад

    can you add autocomplete place search sir?

  • @afterdeathshannx
    @afterdeathshannx 4 года назад

    how to do this with firebase?

  • @giyan14
    @giyan14 6 лет назад

    the admin page is not working :(..... it doesn't show the marker created by the user :( pls help

    • @Webeasystep
      @Webeasystep  6 лет назад

      for who asking about api key the old one stopped working cus google did some update about pricing

  • @flixfpv3798
    @flixfpv3798 6 лет назад

    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))))!

    • @Webeasystep
      @Webeasystep  6 лет назад

      I am really glad to hear that Flix,you are welcome :)

  • @trinhtronggia
    @trinhtronggia 3 года назад

    How to add current location of user? thanks.

    • @Webeasystep
      @Webeasystep  3 года назад

      I have already another video about this topic plz find it in the channel

  • @adilnourin9028
    @adilnourin9028 6 лет назад +1

    thanx for the great job ,but could you give us other link this link is not openning

    • @Webeasystep
      @Webeasystep  6 лет назад

      click on the link on the description then click on downloads in the side bar then click download repository link

    • @adilnourin9028
      @adilnourin9028 6 лет назад

      thanx but the admin and user page give blank white page without any error every thing correct but nothing given in page

    • @dominiccarolino7223
      @dominiccarolino7223 5 лет назад

      @@Webeasystep I cant see the sidebar where it was placed

  • @christgex5817
    @christgex5817 3 года назад

    Thanks a lot for this beautifull explications .

  • @christianojockey1630
    @christianojockey1630 5 лет назад

    Hi, the description dialog box doesn't popup and my locations-model.php displays nothing. Thanks

  • @24si6
    @24si6 4 года назад

    Man you are the best, thanks

  • @luiseberrojasduque1104
    @luiseberrojasduque1104 5 лет назад

    excelente! excelente! excelente!

  • @mjmontalban4399
    @mjmontalban4399 5 лет назад

    how a about a polylines? and polygons?? do you have any??

    • @Webeasystep
      @Webeasystep  5 лет назад

      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

  • @redwanaouni
    @redwanaouni 6 лет назад +1

    Please your Code Editor ? What it is name

    • @Webeasystep
      @Webeasystep  6 лет назад +1

      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

    • @redwanaouni
      @redwanaouni 6 лет назад +1

      Thanks sur , by the way nice voice and pronouniation ❤

  • @luizeduardompf
    @luizeduardompf 5 лет назад

    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.

    • @web_easy_step
      @web_easy_step 5 лет назад

      Sure you need key

    • @luizeduardompf
      @luizeduardompf 5 лет назад

      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?

    • @web_easy_step
      @web_easy_step 5 лет назад

      @@luizeduardompf sure , i have another series called google maps alternatives

    • @luizeduardompf
      @luizeduardompf 5 лет назад +1

      @@web_easy_step Thank you so much

  • @christianojockey1630
    @christianojockey1630 5 лет назад

    Sir, how do I add several markers on one database tuple?

    • @Webeasystep
      @Webeasystep  5 лет назад

      follow this tutorial
      ruclips.net/video/IozIX9htOcI/видео.html

  • @hanibalasmeh6200
    @hanibalasmeh6200 4 года назад

    good job, how u make video for geofence also. thx

  • @johndavid1212
    @johndavid1212 5 лет назад

    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

  • @kayengxiongtongsuatong4132
    @kayengxiongtongsuatong4132 5 лет назад

    Thank you a very much.

  • @parasnshah2899
    @parasnshah2899 4 года назад

    Sir plz make store locator in laravel tutorial

  • @jpinformationtechnology1044
    @jpinformationtechnology1044 5 лет назад

    where is index page

  • @jef_ri_8118
    @jef_ri_8118 5 лет назад

    great tutorial

  • @anbiabohlam5468
    @anbiabohlam5468 3 года назад

    really nice video..

  • @user-zx5pm2rv4h
    @user-zx5pm2rv4h 2 года назад

    ابغي اتواصل معاك عندي واجب بالقوقل ماب ممكن تعمله لي وبكم؟

    • @Webeasystep
      @Webeasystep  2 года назад

      عذرا على التأخير ، التواصل معي خاص

  • @ravishmukkar6955
    @ravishmukkar6955 4 года назад

    thank you sir

  • @jisonsoft4810
    @jisonsoft4810 4 года назад

    merci beaucoup faite encore plus

  • @pradeepshinde2876
    @pradeepshinde2876 5 лет назад

    great sir

  • @ganefs
    @ganefs 5 лет назад

    Thanks..

  • @adrianbugay1089
    @adrianbugay1089 3 года назад

    thank you

  • @dilminiimbulegama5534
    @dilminiimbulegama5534 5 лет назад

    wow thanks

  • @easirmaruf7061
    @easirmaruf7061 4 года назад

    Comando !!!!!!

  • @paulks9771
    @paulks9771 5 лет назад

    0:15 t

  • @jack-sx9bw
    @jack-sx9bw 5 лет назад

    you go so fast

    • @Webeasystep
      @Webeasystep  5 лет назад

      Kindly,Can you explain what you mean?