Home/ Questions/Q 4107682
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T21:32:53+00:00

I need to create a hotspot on an image and i need to have

  • 0

I need to create a hotspot on an image and i need to have something like this

I have a picture on the united states like this but i need to turn it into a hotspot like this but viewing the source i see this 

<area href="#" title="SC" shape="poly" coords="735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 693,360, 701,356, 708,355, 724,355, 727,356, 728,360, 732,359, 745,358, 747,358, 760,366, 769,374, 764,379, 762,385, 761,391, 759,392, 758,394, 756,395, 754,398, 751,401, 749,404, 748,405, 744,408, 741,409, 742,412, 737,417, 735,418"></area>

Is there a tool i can use my png image on that will help me get the coords ..otherwise this will take forever for all the states…..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you had a source image that was, (for example) an SVG file, you could easily export the coordinates.

    If all you have is a static image, then your best bet is to use a WYSIWYG editor.

    For example, using Dreamweaver CS5, you can easily draw the shapes out:

    I’m sure there will be some random free WYSIWYG editor that has this functionality. Alternatively, you could always just download the trial version of Dreamweaver CS5 purely to complete this task.

    • 0