title: SVG world map coords
body: <p>Before I venture down one specific route for mapping out an image I am wondering if there is a better method for doing it instead of trying to figure the coords using - (Example below)</p>
  
  <pre><code>&lt;map name="myMap"&gt;
    &lt;area shape="uk" coords="0,0,82,126" href="" alt="uk"&gt;
    &lt;area shape="africa" coords="90,58,3" href="" alt="africa"&gt;
    &lt;area shape="northUSA" coords="124,58,8" href="" alt="northUSA"&gt;
  &lt;/map&gt;
  </code></pre>
  
  <p>and typing out the coords?</p>
  
  <p>I have never attempted this before and before I get my butt kicked and told go google it etc I have looked at so many options including:</p>
  
  <p>jVectorMap, DataMaps, JQVMap, CraftMap to name a few....</p>
  
  <p>I have an image made for me, I could slice it up into SVG files for each continent but just really checking it to see what you guys think or have any simple JSFiddle demos which I could use a basis?</p>
  
  <p>Any help on this would be appreciated.</p>
  
  <p>** I must stress that it does not need to be responsive and something relatively straightforward **</p>