How can I add image map on drupal? I am working on a website that is about history and there are some map for this website.

I am using map tag of HTML to select a part of image(map), how can I merge that &lt;map&gt; to &lt;img&gt; that uploaded by drupe

or how can I put the image address and merge map to it:

&lt;img src="file:///C|/xampp/htdocs/geo/sites/default/files/field/image/aa.jpg"  alt="" width="800" height="531" usemap="#Map"/&gt;
&lt;map name="Map"&gt;
  &lt;area shape="poly" coords="396,270,516,286,549,324,502,353,447,342,406,343,384,366,400,396,386,414,353,344,346,293,345,263,389,235,428,223,470,234,487,252,596,243" href="#"&gt;
&lt;/map&gt;


Where is the path (address)  of files on drupal that I can link to it insted of the path that I give on top source &lt;img src=" I Mean here"/&gt;
Try the jQuery Map Hilight module


  It enables the simple addition of mouseover highlighting of hotspots to HTML image maps without requiring the editing of theme files or knowledge of javascript/jquery. 


Features


provides simple interactive graphics via HTML image maps (no flash
required).
easy to use: either select the 'highlight all image maps' default
setting or simply add class="jq_maphilight" to the  tag of any
specific image map you wish to highlight.
no jquery or javascript knowledge required: plugin configuration is
handled via an admin/settings screen rather than having to enter
jquery code.
fully configurable: options for fill, fill color, fill opacity,
outline, outline color, outline opacity, outline thickness, as well
as a fade effect.
per image map settings: add image map specific options with an
additional class.