You could use this as a shortcode. Put this in your content.
[maphilight]
Register the shortcode.
// Add Shortcode
function maphilight_shortcode() { ?>
<img id="ImageMap1" src="https://wordpress.stackexchange.com/questions/211561/<?php echo get_stylesheet_directory_uri() ."/jq/cc.jpg'; ?>" border="0" width="1212" height="812" orgWidth="1212" orgHeight="812" usemap="#image-maps-2015-12-08-070211" alt="" />
<map name="image-maps-2015-12-08-070211" id="ImageMapsCom-image-maps-2015-12-08-070211">
<area shape="rect" coords="1210,810,1212,812" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
<area alt="as" title="as" href="http://www.image-maps.com/as" shape="poly" coords="50,312,369,318,368,494,37,487" style="outline:none;" target="_self" />
<area alt="ad" title="ad" href="http://www.image-maps.com/ad" shape="poly" coords="358,512,38,507,47,578,351,572" style="outline:none;" target="_self" />
<area alt="aa" title="aa" href="http://www.image-maps.com/aa" shape="poly" coords="971,67,393,48,376,809,965,806" style="outline:none;" target="_self" />
</map>
<script src="https://wordpress.stackexchange.com/questions/211561/<?php echo get_stylesheet_directory_uri() ."/jq/jquery-2.1.4.min.js'; ?>"></script>
<script src="https://wordpress.stackexchange.com/questions/211561/<?php echo get_stylesheet_directory_uri() ."/jq/jquery.maphilight.js'; ?>"></script>
<script>
jQuery(function(){
jQuery('#ImageMap1').maphilight();
});
</script>
<?php
}
add_shortcode( 'maphilight', 'maphilight_shortcode' );
Note: This code isn’t tested and was generated with GenerateWP.
If you don’t use shortcodes then you can always add scripts with wp_enqueue_script and construct a custom page template to display code