Image Map substitute

Posted on 2014-08-06
Last Modified: 2014-08-07
Hello Experts!

On our website we have an image of a portion of the USA with borderlines for all the visible states. Right now there are image maps around each state and around the text on the periphery of the image. It works well, but I'm wondering if there is a better way to do the same thing. From what I understand image maps are "old school" and don't do much for SEO etc. Is there an alternate solution that won't require me to go night school for another diploma to figure out? Also, since the era  of smartphones is firmly upon us I'd need this to be useable on them as well.

Question by:CementTruck
    LVL 58

    Expert Comment

    Image maps are still as relevant as they ever were so there is no problem using them
    If you want a modern version then you can use SVG but only for IE9+

    Author Comment

    Thanks for commenting Gary. I used to use Dreamweaver to create the image maps and it was so easy. I no longer have Dreamweaver and so I am looking for another tool to create the maps. Photoshop CC does the rectangles just fine, but I also need to do the polygons.

    If this thread is starting to stray from the original question too much I can open another one for you.

    LVL 58

    Accepted Solution


    Author Closing Comment

    Thanks. I found a few other online tools as well.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL ( several years ago, it seemed like now was a good time to updat…
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

    754 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    22 Experts available now in Live!

    Get 1:1 Help Now