How can I insert an image map into a WordPress blog post?

I’m trying to insert a custom image map into a blog post, so that clicking on different parts of an image at the top of the post will lead to anchors in other parts of the post.

I have generated the image map code correctly, and tested it in a separate non-wordpress plain HTML page, where it worked fine.

Whenever I insert the HTML (using the code view, not the WYSIWYG editor view), it gets erased as soon as I save the post. However, I checked and it looks like <map> and <area> are both permitted tags on Wordpres.com.

This blog is not hosted by WordPress.com (it’s actually a site on the WPMU instane hosted right here on Stack Exchange), but I would assume that by default, the downloaded version of WordPress would allow at least the same tags as the WordPress.com hosted blogs.

Is there a setting which a network super-admin has to change to allow these tags, or am I inserting them incorrectly? If the tags are allowed, what might cause them to be outright removed?

Solutions Collecting From Web of "How can I insert an image map into a WordPress blog post?"

yes, it should achievable like this ..

<div>

<img class="alignnone" id="imageMaps" src="http://img.mywordpresstips.com/images/Sloan-Royal-Flushometer.png" alt="" width="298" height="595" usemap="#flushometer" border="0" />

<map name="flushometer" id="flushometer"> 

<area shape="rect" coords="219,6,277,41" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-72-cp-cover/" alt="A-72 CP Cover" />

<area shape="rect" coords="218,42,278,70" href="http://businessplumbing.com/products-page/lavatory-sink/sloan-royal-flushometer-a-71-inside-cover/" alt="A-71 Inside Cover" />

</map>

</div>

copy the whole code (including div) and paste in HTML tab in editor .
the top 2 “covers” on this drawing should work as different links.