Interactive Image Creator

There are two different methods to add your interactive images into a PowerPoint slide.

  1. Pasting the image links which you can open the interactive images after clicking the link in the PowerPoint. (Recommended)
  2. Directly embed the interactive images in the PowerPoint.

Insert image links to the PowerPoint slide (Recommended)

  1. After creating the image, publish and upload it to your server.
  2. After uploading, take notice to the image link shown in the bottom of the dialog box.
  3. Copy and Paste the link into the PowerPoint slide.
  4. In the PowerPoint slide, please make sure the link is set as a hyperlink.
  5. Or you can also save the the map as an image, and then insert the image link as a hyperlink.
  6. You can then click the link/ image in the slide, and a web browser comes up with the image loaded for viewing.

Directly embed the interactive image in the PowerPoint slide

  1. Install LiveWeb add-in
    You have to install the LiveWeb add-in to PowerPoint. The add-in supports PowerPoint 97 or later. Follow the instructions here to download and install the add-in. We recommend getting the "setup" (installer) version.
    1. Launch PowerPoint to enable the add-in after installation.
    2. For PowerPoint 2007 or below:
      Go to Tools > Add-Ins, then click on Add to insert a new add-in.
    3. For PowerPoint 2010 or above (including Office 365):
      1. Open a blank presentation.
      2. Go to File, and choose Option to the left pane.
      3. Click Add-Ins to the left pane of the PowerPoint Options dialog.
      4. Navigate to the location you have installed the add-in. By default it is C:\Program Files\Shyam Pillai\LiveWeb or C:\Program Files (x86)\Shyam Pillai\LiveWeb.
    4. Navigate to the location you have installed the add-in. By default it is C:\Program Files\Shyam Pillai\LiveWeb or C:\Program Files (x86)\Shyam Pillai\LiveWeb.
    5. Select LiveWeb.ppam and click OK.
    6. You might be prompted with the macro virus warning. Enable the macros.
    7. A check mark is shown in the Add-in dialog box if the add-in is successfully installed. Click Close to continue.
    8. If you are using PowerPoint 2013 (Office 365), you have to follow this knowledge base article from Microsoft to change some registry values on your PC to make the embed working.
  2. Embed the map
    1. After creating the interactive image, publish the project.
      * Do not upload the published files.
    2. Navigate to the publish folder, and open imap5custom.html using Notepad or your favorite text editor.
    3. Insert the following code between the 4th and the 5th line:
    4. <meta http-equiv="X-UA-Compatible" content="IE=9" />
    5. Go back to the Publishing dialog and upload the map to your server.
    6. After uploading, take notice to the link shown to the bottom of the dialog box. This is the link you will embed the map to the slide.
    7. In the PowerPoint slide, go to Insert > Web Page (for PowerPoint 2007 or below) or use the Insert tab and choose Web Page (for PowerPoint 2010 or above) to open the LiveWeb wizard. Click Next to continue.
    8. Enter the link in the box before the Add button and click Add. Click Next to continue.
    9. Keep the page refresh settings as-is and click Next to continue.
    10. You can adjust the position and how the map is shown in this step. We recommend keeping the default settings, so the map displays to the center of its own slide. Click Next to continue.
    11. Click Finish to quit the wizard. The map is embedded as a new slide and it will load in presentation.
    12. You can further change the position, size and alignment of the map on the slide, and go to Insert > Edit Page Properties (for PowerPoint 2007 or below) or use the Insert tab and choose Edit Page Properties (for PowerPoint 2010 or above).

    * If you have updated the interactive image in iiCreator, you have to repeat Steps 1-4 in the Embed the Map section.

[ Back ]