If you are a workspace Administrator, it's easy to insert an existing image map onto your PBworks workspace, here are the steps to success:

 

1. Upload the image to be mapped.

 

2. Copy your existing Image Map code (including the HTML for the <img> and the <map>) to your computer's clipboard (CTRL+C / Command+C)

 

Example Image Map Code (used with the live image map below)

 

<img src="http://usermanual.pbworks.com/f/imagemap.png" border="0" height="214" width="271" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="14,8,7,14,8,91,14,99,92,99,99,92,99,15,93,8" href="#" />

<area shape="poly" coords="89,101,96,97,101,90,101,55,169,55,176,57,180,64,180,132,178,144,169,146,97,147,93,145,89,142" href="#" />

<area shape="poly" coords="171,149,171,198,174,203,179,205,247,205,257,204,262,198,263,121,261,117,255,115,182,113,182,140,178,146" href="#" />

</map>

 

3. Click on the "Insert Plugin" icon in the Editor Toolbar

 

4. Select the "HTML/Javascript" plugin from the "PBworks Magic" category

 

5. Paste the code into the plugin.  Don't forget to update the path of the image to make sure it matches the location of the image file uploaded to your workspace (e.g., <img src="http://YourWorkspace.pbworks.com/f/ImageFileName.jpg>).  Likewise, please double-check to make sure that your target links are pointing at the correct URLs.

 

6. Please click to check the box at the bottom to acknowledge that you wish to insert the code, and click on "Preview".  Please note that only Admins can check the box to allow the potentially unsafe code to be pasted.  However, once this box is checked, Writers and Editors will be able to modify the code.

 

6. Next, you will see a green box that indicates how your image map will appear while in "Edit" mode.  Please click "OK" to finish inserting your image map to the page.

 

7. Lastly, please click on the "Save" button at the bottom of the Editor screen to return to the Page View and test out your new Image Map.

 

Here is an example of an Image Map that has been inserted using the instructions above: