iMapBuilder Online

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

Cloud-based Interactive Map Creator & Image Mapping Tool

Loading


Latitude & Longitude coordinates
Share the map

Draw polygon on a map

You can add an irregular custom region on the map. The Region dialog opens when you click custom clickable regions (polygon).

Point & Label dialog

Displaying Region dialog

Actions Steps
To add a polygon
  1. Click custom clickable regions (polygon).
  2. Go to the map.

Polygon

Locating a place in the map to insert an irregular region

  1. Click at the location where you want a polygon. Click at the locations to draw the polygon. The poloygon will take the shape of the points you have clicked. A rectangle appears on the map, the Polygon Region dialog opens, and an Item is added to the Region dialog.

Polygon on map

Displaying an irregular region on the map

item list: polygon

Displaying an item added to Region dialog

  1. Change the properties of the polygon by modifying the options in the Polygon Region dialog. See the section To edit the polygon for details.
To edit the polygon
  1. Click Edit point for the polygon you want to edit. The Polygon Region dialog opens.

edit polygon region setting

Displaying the Polygon Region dialog

  1. You can:
    • Change the Name of the polygon.
    • Change the Normal Color. Click the color and select a color from the Color Picker.
    • Increase or decrease the Normal Opacity.
    • Change the Highlight Color. This is the color that will be displayed when you hover the mouse over the region. Click the color and select a color from the Color Picker.
    • Increase or decrease the Highlight Opacity.
    • Change the Border Color. Click the color and select a color from the Color Picker.
    • Increase or decrease the Border Opacity.
    • Define an action such as showing speech bubble, tooltip, or textbox while hovering the mouse over the polygon. After selecting the Action, provide a Description.
    • Choose Show Info Box (with left image)/(with top image) if you want to display image along with the text. Click Upload to upload image. Click Choose File to upload image in GIF/JPG/PNG format. Click OK to proceed.

      edit inf box

      Click Choose File to upload image in GIF/JPG/PNG format. Click OK to proceed.

      upload files to infobox

    • Define an action such as open a web page when the polygon is clicked. Select the Action, specify the URL and the Target.
  1. Click OK to apply the settings.
To delete a polygon
  1. Click Delete point for the polygon you want to delete. The region will be deleted.