I have created a Simple HTML image map using [Rage MapDesign].
I have pasted the <body> content of the HTML code into a Raw HTML pagelet.
The trick is to get the image with the page. I have done this in the same way as I uploaded the JavaScript in [JavaScript - Quote of the Day]
How To:
This is what I did to get the map image onto my site from Sandvox:
- I add this page you are reading now as a weblog collection:
Site > Add Collection > Summaries - I added a download page Site > Add Page > File Download
- In the Inspector > File Download > Choose... (Careful not to click the Choose... for the Thumbnail), I selected the map-image.png image file (any browser compatible image format can be used)
- For the Download page, in the Inspector > Page I uncheck the Include... options to 'hide' the Download page. This means that Sandvox uploads the image file to the same folder as this page.
- I add a Raw HTML pagelet.
- I paste all the HTML code between the <body> tags, into the Raw HTML editing window (delete all default text). I need to edit the path to the image used for the map as it is in the same folder as this index.html, so src="image-map.png" (not src="images/word-map.png"). Note: The image appears as a blue square with a white question mark inside Sandvox. Once published, if the 'scr=...' link is correct, the image will replace the blue square.
- I click Publish
The Inspector settings for the Download page
The Image Map in a Rich Text page