Image map

I have an image that will have quite a few image maps on it. I have been unable to find the correct code in order to get the image map to display inline content.

This is the basic code I am working with.

<img src=”lgmap.png” alt=”” width=”1113″ height=”1914″ usemap=”#Map” class=”aligncenter size-full wp-image-3301″ border=”0″ />
<map name=”Map”>
<area class=”fancybox-inline” shape=”rect” coords=”360,245,396,319″ href=”#fancyboxID-1″>
</map>
<div class=”fancybox-hidden” style=”display: none;”>
<div id=”fancyboxID-1″ class=”hentry” style=”width: 460px; max-width: 100%;”>…inline content here…</div>
</div>

https://www.ads-software.com/plugins/easy-fancybox/