How to Create a Heat Map with iMap Builder

Step-by-Step Guide

1. 1

   Step 1: Download the interactive map building software from its official website and install in your computer.

   You can select the drop down list at the top to filter the maps by category, click "OK" to open the template. , Choose the colors for start of gradient, end of gradient and highlight. ,, You can also export the data to Excel by pressing for calculations in Excel Spreadsheet.
   
   Click to verify if the numbers are valid integer values. ,,, Copy and paste the embed code into your existing webpage using Dreamweaver/Frontpage or any other HTML editors. ,, (Please do not fill in http:// or ftp:// in the Ftp Host) Default Host Directory is the path to your root directory of your server, you can leave it blank if you don't have this information. (Usually, it will be /public_html, /htdocs, /var/www/html, you may contact with your webhosting to get this information.) ,,,
2. 2

   Step 2: Run the software

3. 3

   Step 3: click the icon "Create" to create a new map.

4. 4

   Step 4: Select the map on the left under Available Map Templates and a preview can be seen in the Preview window on the right.

5. 5

   Step 5: Click tab and check .

6. 6

   Step 6: Click button and then a pop up window will be displayed.

7. 7

   Step 7: Add numerical data in Heat Value column

8. 8

   Step 8: and don't modify the ID and Region Name columns.You can import your data from an excel unicode text file (.txt) by pressing or click button to paste the data from clipboard.

9. 9

   Step 9: Click "Preview" in the menu bar to see how it will look in the browser.

10. 10

    Step 10: Select File->Publish and select the folder you would like to publish the map.

11. 11

    Step 11: After publishing the map

12. 12

    Step 12: a "Publishing" pop-up window will be displayed.

13. 13

    Step 13: Save the webpage (e.g myWebPage.html)

14. 14

    Step 14: navigate to the publish folder and copy the "imapbuilder" folder to the same directory as the myWebPage.html

15. 15

    Step 15: Click Ftp Setting to set the ftp information.

16. 16

    Step 16: After you set the ftp information

17. 17

    Step 17: click Upload in the publishing screen.

18. 18

    Step 18: Select Remote Folder if necessary and click Upload to start uploading.

19. 19

    Step 19: After the upload is finished

20. 20

    Step 20: you can browse the flash map by clicking the url link and you can modify the url link if not appropriate.

Detailed Guide

About the Author