The
<object>
element can be used to insert an image map. Change the
<img>
element to the
<object>..<object>
element and the src attribute to the data attribute.
snippet
<html>
<head></head>
<body>
<object data=logo.jpg" usemap="#map_name" type="image/jpeg" width="500" height="400"></object>
<map name="map_name">
<area href="page1.html" shape="rect" coords="100,100,200,200">
<area href="pdf.html" shape="circle" coords="100,400,500">
<area href="image.jpeg" shape="poly" coords="200,350,400,200,450">
<area href="desc.txt" shape="default">
</map>
</body>
</html>