Interactive Image Creator


Draw interactive rectangles on custom images.

  1. Click Add Rectangles icon in vertical toolbar
  2. Click on image and start drawing the rectangle
  3. Right click to end drawing
  4. For modifying size of the rectangle, you can:
    • Click Select / Drag and object icon in horizontal toolbar
    • Select a rectangle on the map
    • Select a dot on stroke to modify the size
    • Manually adjust the size of the rectangle by dragging the stroke
    • Copy the rectangle by clicking "duplicated? button in the List of Rectangles on the right side of the editor.
  5. Edit rectangle in Rectangle Properties panel at the bottom of iiCreator editor
PropertiesDescriptions
NameName of the rectangle
Transform

Transform position of the rectangels by:

- : rotating 90 degree

Category IDAssign the rectangle to a category
Fill - Color: color of rectangle
- Opacity: opacity of rectangle
Stroke - Color: color of stroke
- Opacity: opacity of stroke
- Width: thickness of stroke
- Style: style of stroke (e.g. solid, dot, dash)
Highlight - Color: color of highlighted rectangles
- Opacity: opacity of highlighted rectangles
Link to web address- Insert link to rectangles
- Select destination to open hyperlink: New Window / Same Frame / Parent Frame / Root Frame
Show Infobox- Insert content (e.g. text, image, video, table, etc.) to rectangle when mouseover it
- HTML code is supported

If you are not familiar with coding, you could add infobox content using Rich Text Editor.
  • Select "Rich Text Editor"
  • Mouse click in the space below, and then an "Infobox Wizard" will be popped up
  • Select an infobox layout
  • Upload an image and edit the size of it
  • Enter and edit text content using tools in the menu bar
  • Click "OK" to complete the editing

[ Back ]