title: How to draw coordinates for HTML 5 map
body: <p>I have an outline of Asia as shown below:</p>
  
  <p><img src="https://i.stack.imgur.com/xSFcp.png" alt="http://grab.by/m0Cq"></p>
  
  <p>I want the countries to fill with red when hovered over, such as this:</p>
  
  <p><img src="https://i.stack.imgur.com/uAFBY.png" alt="http://grab.by/m0CI"></p>
  
  <p>The cut-outs exactly fit the map. I've been pretty confused with the information I've found so far on the internet as to how to do this. Some people say HTML 5 maps, others say jQuery, others say SVG... I just want a definitive method of how to accomplish this so I can at least attempt this project. Also, I've found it hard to find good tutorials online, so if a step-by-step method could be told, that would be great (I can find tutorials for each step, just need to know what I should be doing).</p>
  
  <p>Thanks a bunch in advance.</p>