title: Get coordinates of a particular section of the image
body: <p>I want to add a text and link to both the sign boards here in this image (separately for both). I am trying to use the <code>&lt;map&gt; &lt;area&gt;</code> rule and I need to place the coordinates of the two rectangle boxes there so that once a user clicks on that board or text he will be redirected to some another page. Now the problem is that I am not sure from where to find the exact coordinates of the image here and how? If anyone can help then please help.</p>
  
  <p>Here is the code I am using</p>
  
  <pre><code>&lt;img src="image link here" usemap="#mapname"&gt;
      &lt;map name="mapname"&gt;
        &lt;area shape="rect" coords="" href="http://www.google.com" alt="TEST"&gt;
      &lt;/map&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/mDEuy.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mDEuy.jpg" alt="enter image description here"></a></p>