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 circle on map to represent a highlighted area

You can add a circular custom region on the map. The Region dialog opens when you click custom clickable area (circle).

Point & Label dialog

Displaying Point, Lines and Custom Region List

Actions Steps
To add a circular region
  1. Click custom clickable area (circle).
  2. Go to the map.

Click map to add a circle

Locating a place in the map to insert a circular region

  1. Click at the location where you want a circular region and draw the circle. A circle appears on the map, the Circle Region dialog opens, and an Item is added to the Region dialog.

Circle

Displaying a circular region on the map

list item: circle custom region

Displaying an item added to Region dialog

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

edit circle region setting

Displaying the Circle Region dialog

  1. You can:
    • Change the Name of the circular region.
    • 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 circle. 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.

      edit info box


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

      insert images to infobox on  interactive map

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