• Saturday , 23 September 2017

Interactive World Map Tutorial HTML JavaScript PHP Fireworks Continent Country

Code Canyon



Graphic design tutorials: http://www.developphp.com/video/Graphics
Learn to create interactive map interfaces that allow a user to interact with specific areas of your graphics or photos. Graphic changes can take place for those specific areas by establishing a second state. We also discuss how to make it ready for a dynamic PHP MySQL system on the web.

Original source

3d Ocean

Related Posts

44 Comments

  1. pankaj kumar
    July 10, 2017 at 18:04

    How to get only one country in webpage using Google API ?

  2. lolfreak333
    July 10, 2017 at 18:04

    2:31 He stole Iceland! GIVE IT BACK!!

  3. afghan boy
    July 10, 2017 at 18:04

    hello there Adam khoury !
    first of all thank you for preparing such effective tutorials .
    i want to have a map where i click on the verses of the map related data of the map should display in the we interface. and all data should come from database.
    i don't know where to start and is that possible or not .
    please guide me.

  4. Chomsky Wannabee
    July 10, 2017 at 18:04

    Hey Adam. Your channel rocks. I just viewed this tutorial, and I wanted to ask you something. If I make this site map, could I place the graphic in WordPress? Also, will it be responsive, or do I need to get a separate plugin for that? I have been told that it is impossible to make image maps and them place them in WordPress, and have them behave that way. The coordinates will shift when the graphic is resized. Thanks.

  5. Asfaha Tsegay
    July 10, 2017 at 18:04

    Very useful thanks a lot, u make my first like and subscription.

  6. Vitaliy Duvalko
    July 10, 2017 at 18:04

    hello my friends! please help me. I can't choose polygon slice tool because it is symply absence. There is only recangular slice. The program is FW CS6. What the problem? I see the small arrow under slice tool icon but when i press it – nothing happens( PLESE PLEASE PLEASE PLEASE

  7. Guillaume de Swardt
    July 10, 2017 at 18:04

    Iceland and Greenland is part of North America?

  8. Christian Navida
    July 10, 2017 at 18:04

    BIG THANKS! OUR PROJECT SAVE THIS VIDEO 🙂

  9. uneliasmarsu
    July 10, 2017 at 18:04

    Is there a faster way to surround the continents with accurate lines?

  10. Chad Roble
    July 10, 2017 at 18:04

    It's not working from the start. What changes I make in state 1 happen in state 2.

  11. Gilfoyle
    July 10, 2017 at 18:04

    What was the name you gave to the pivot point? Redicule? Ridicule?

  12. Janine Keyser
    July 10, 2017 at 18:04

    When I open the htm file, it displays but the hover over is very slow!Can you please advice??? I have 700 sliced images?

  13. Janine Keyser
    July 10, 2017 at 18:04

    Thank you, great tutorial!!!

  14. Kandy Sky News
    July 10, 2017 at 18:04

    how can i upload it to wordpress

  15. biccio87
    July 10, 2017 at 18:04

    Thanks man. i was looking for a tutorial like this!
    got some questions:
    1 how can i add a popup windows (on top of the map) instead of linking a page?
    2 what's the best way to export the map into a muse webpage?

    thanks a lot

  16. Tejas Gandhi
    July 10, 2017 at 18:04

    Adam, great tutorial and great way to teach… as always. Cheers! 🙂

  17. Sigurd Drachentöter
    July 10, 2017 at 18:04

    The shit, that comes out, when i do that is unuseable

  18. Martin Kulhánek
    July 10, 2017 at 18:04

    Toby Hodkinson: Laughed till dead! :DDDDD

  19. Cecilia Graña
    July 10, 2017 at 18:04

    Excellent!! Gracias!! 🙂

  20. Britta Ricker
    July 10, 2017 at 18:04

    Excellent Fireworks tutorial…Iceland is that little island and it is not part of North America.

  21. whitetiger0707070
    July 10, 2017 at 18:04

    I can't select or deselect radio buttons when u do it automaticaly at 1:18; how do you do this?

  22. View all 45 replies
    July 10, 2017 at 18:04

    anyone know how can i make this map so when someone clicks on continent it zooms to its countries?

  23. mrtcfc
    July 10, 2017 at 18:04

    go to layers, click options on the right top corner, remove the tick from "share layer to states" and do the duplication again

  24. William Hernebrink
    July 10, 2017 at 18:04

    When you export it it becomes a .htm file. How can i embedd this in another page? I tried with an iframe but when i pressed the dirrent hotspots it just opened the link in that i frame. Any ideas?

  25. jcrldesigner
    July 10, 2017 at 18:04

    that help me a lot , thx very much (:

  26. harry gambhir
    July 10, 2017 at 18:04

    your videos are good and i appreciate what you doing but at least help people out by answering tot he questions they ask , you simply ignore any question people ask

  27. harry gambhir
    July 10, 2017 at 18:04

    did you find a way out of the problem , i am having the same problem .please tell me if you found a way out

  28. notta3d
    July 10, 2017 at 18:04

    I love this tutorial, but I need to extend it a little further. Let's say I want to hover over a continent and I want to display how many customers we have in that continent in a tooltip from a database? Anyone have a tutorial links for that? Nice job Adam.

  29. melle hofstra
    July 10, 2017 at 18:04

    Wtf iceland is europe! 🙂

  30. محمد فقط
    July 10, 2017 at 18:04

    أنت الأروع !

  31. quixoticfallcy
    July 10, 2017 at 18:04

    I'm having problem with the states…. When I duplicated it… it didn't show a second layer for it. it is the exact same. Whenever I select state one or two… both ends up being selected with the radio button… I'm kinda confused…. Any help would be greatful!

  32. Toby Hodkinson
    July 10, 2017 at 18:04

    Dude, that little island is Iceland, bjork will kick your ass!

  33. Pedro de la Vedro
    July 10, 2017 at 18:04

    Hey and what's about making one background a then one jpeg for each continent with transparent background. So you can place the continent images on right place and on hover just change z-index of an image with continent on it. It will be the same, but easier to make. 🙂
    Thanks

  34. Isaac Price
    July 10, 2017 at 18:04

    Nice! I use Fireworks as my main graphics editor but never use these features, Think I will start using them lol. Thanks mang.

  35. William Hernebrink
    July 10, 2017 at 18:04

    I don't get it. Both of my states is getting affected by the hue/saturation. I am using Fireworks cs5 for mac, and have never used it before… Any help would be greatful! 🙂

  36. Sam Al
    July 10, 2017 at 18:04

    i dont think i can find someone like you…. u r very good thx bud

  37. Oj Obasi
    July 10, 2017 at 18:04

    How can we add translation to a website? I want my website under the web 2.0 framework to have two languages. French and English.

  38. Alexander Wallace
    July 10, 2017 at 18:04

    Superb !

  39. keeperoflenneth
    July 10, 2017 at 18:04

    …. i really need to get into fireworks.

  40. Jay Mee
    July 10, 2017 at 18:04

    brill vid

  41. Ryan J
    July 10, 2017 at 18:04

    New mic? Sounds much better. Thanks for the tutorial!

  42. Superterabyte
    July 10, 2017 at 18:04

    Very nice 🙂

  43. Touched by a 12gauge
    July 10, 2017 at 18:04

    this is what we did as a project in imd but we only used AS3.

  44. shot336
    July 10, 2017 at 18:04

    Nice bro, you are a pro at this 🙂

Leave A Comment

You must be logged in to post a comment.