iMapBuilder Online Cloud-based Interactive Map Creator & Image Mapping Tool

Creates interactive Google Maps directly in web browser, available anytime anywhere, no coding!

Add iMapBuilder to Chrome

User Guide > Overlays > Add Rectangles

Add Rectangle in GMap Editor V2

Create clickable area by adding rectangles on the custom Google map as below:

  1. Select the Add Rectangle button in the vertical toolbar
  2. Click on the map to start drawing a rectangle. End the drawing by clicking the mouse again
  3. Edit the rectangle in the Properties panel on the right hand side of the editor.
    * After adding the rectangle, you can select it and modify the size of the rectangle by dragging the points.
  4. Map - Add Rectangle
Items Descriptions
Title Title of the rectangle
Stroke Weight Thickness of the rectangle’s stroke
Stroke Opacity Opacity of the rectangle’s stroke
Stroke Color Color of the rectangle’s stroke
Fill Opacity Opacity of the rectangle
Fill Color Color of the rectangle
URL Insert URL to the rectangle
* After inserting URL to the rectangle, you have to select "mouse over" to show the info box.
URL Target Hyperlink will be opened in either a New Window or the Same Window
Info Window Choose whether show the info box when the mouse on click or roll over
Delete Delete the label

After adding the rectangle, you can modify its size by clicking it and dragging the points. Restore to the previous steps by clicking "Undo" icon

Undo button

[ Top of Page ]