Image Mapping Problem

Hello everyone,

I’ve been trying to map an image in HTML on a WordPress page. Every attempt that I make ends in failure, so I’m here to get new ideas

Website:
http://pokemongovpn.com/

Please excuse the advertisements, I’m only linking for assistance and not to pull in more views.

Problem:
Image mapping results in the display of the graphic without the hyperlinks.

Diagnostic Attempts:

1.) I’ve remapped the image several times using different software online, including a WordPress plugin with recent comments complimenting their success.

2.) Setup the code within <div> </div> tags.

3.) Added and removed attributes to the code.

4.) Tried other image maps, verified to work online separate pages.

5.) Updated the websites JQuery to benefit the plugin.

6.) Updated everything to the newest versions.

7.) Installed “Responsive Image Maps” plugin.

Result:

Nothing has worked or improved the problem. If anyone has a suggestion, please post.

My image map HTML code is below.

<div>
	<img class="aligncenter" id="imageMaps" src="http://oi66.tinypic.com/1z1utxg.jpg" alt="" width="640" height="329" usemap="#Map" border="0" />

	<map id="Map" name="Map"> 

		<area title="" alt="" coords="623,94,729,94,728,123,623,121" shape="poly" href="http://track.incognitovpn.com/57995a8385c8a/click" />
		<area title="" alt="" coords="625,153,730,151,730,178,624,177" shape="poly" href="https://www.goldenfrog.com/vyprvpn/special/referral?offer_id=129&aff_id=3074" />
		<area title="" alt="" coords="625,207,623,232,729,232,729,207" shape="poly" href="https://www.linkev.com/?a_aid=newsgeek-20" />
		<area title="" alt="" coords="625,264,624,289,729,289,729,264" shape="poly" href="http://hsselite.7eer.net/c/290544/64013/1691" />
		<area title="" alt="" coords="624,319,625,344,730,344,730,319" shape="poly" href="http://www.cyberghostvpn.com/en?affiliate=42565#buy" /> 

	</map>
</div>