iMapBuilder Online - Google Map Editor

Create, save, open & edit Google Map within browser online without downloading program

No installation -- No download -- Runs directly in your Browser!

Loading

2013 Release: User Guide of GMap Editor V2

Questions? Suggestions?

online Google map editor discussion forumDiscuss everything about gMap Builder and interactive maps in our support forum.

GMap Builder - Google Map Editor User Guide

Define a Custom Region - Use Polygon, Rectangle, Circle Tool to define your own clickable area polygon icon retangle icon circle icon

You can add polygon, rectangle or circle shape clickable area on the map as an overlay. The mouse will become a plus shape "+" for you to click to start and right click to end the area.

Adding Polygon, Rectangle, Circle Clickable Area

draw custom region on google map as overlay
Sample of Selected Area using polygon tool

You can make change of this selected area after drawing it.

  1. Select/ draw the area using Polygon polygon icon, rectangle retangle icon or circle circle icon tool . (Click to start and right click to end the selected area)

  2. Click inside the selected area. Then a dialogue (selected area settings) will pop up.

    assign click link or info window for the custom region
    Selected Area Settings

  3. Change the settings as you want:

    support HTML tags in info window of custom clickable areas
    Selected Area Options

Title
The title of this pop up information box.
Url

- Insert the url to direct your visitors to another website.

- The website can be opened in either a New Window or the Same Window.

- P.S. The info box will not pop up in the map when you fill in the url address in this area unless you select "mouse over" to show the popup box.

Info Window Description

- Text information/description can be filled in this text area.

- HTML mode: Use <br /> if you wish to insert a new line. All others HTML tags (e.g. <a> <strong> <em> <img> <p> <h1>-<h6> <ul> <ol> ) are supported.

To insert an image into this popup box, you can use the following tag:
<img src="http://www.server.com/image.jpg" height="110" width="110">

- Preview mode: Use this mode to see your tag is correct or not.

Show when

Roll Over: when the mouse rollover this area, the info box will pop up automatically.

Mouse Click: when the mouse click on this area, the info box will then pop up.

Stroke Weight
The stroke width can be change to be thinner or thicker.
Stroke Opacity
Change the opacity to prevent other word/image from being covered.
Stroke Color
Change colors from a color picker with pantone no.
Fill Opacity
Change color opacity of the selected area.
Fill Color
Change color of the selected area.
Geodesic Mode (Applicable in Polygon Tools only)

Shows the shortest path within the area in a curved space.
1. Draw the polygon area.
2. Click selection tool and check the Geodesic Mode.
3. Then the line will become a curve which is a shortest route in the earth. Sample as bellow:

Before
geodesic selected area

After
geodesic selected area - shows the shortest path within the area in a curved space

Delete
Delete the whole selected area.


Click OK to make confirm all changes.

 

Show a Concentric Circle Around a Pinpoint / Pushpin icon

Use Circle Tool to draw concentric circles around locations, a great way for visualizing areas on a map.

Show a Concentric Circle Around a Pinpoint / Pushpin icon

More: Draw Polygons for Geographical Areas & Boundaries ( States / Counties)