Instruction:
To bring your country into view:
Click "Location" drop-down list,
then, scroll to the location (country) of your choice, click on
it.
If you want the map to recenter at your current location, click "Location
based on your IP address" on top of the list.
Modes of operation:
1. Edit mode:- digitizing (pushpin placing / line tracing) and current
object / attribute editing are enabled.
2. Browse mode:- object browsing is enabled.
"Stop browse|First|Prev|Next|Last|Edit this obj" buttons are active.
Many irrelevant command buttons are disabled in this mode.
3. Click "Browse / Stop browse" button to toggle between these modes.
To digitize a point feature (pushpin placing):
Mode: Edit mode.
1. Choose one of supported code format, svg | xml | GMap | GeoRSS | kml.
2. Click at a desired location on the map, a yellow marker appears on the spot.
3. Edit / insert attribute text as needed. For geoRSS, the insert text should
be arranged as
"title;description;link". For SVG, also select proper type of SVG animation.
4. Click "End current obj" button above the map, or similar button
on popup balloon (opened by clicking the yellow marker).
Result: A red marker appears at that location. Code snippet is generated.
Data for the object are saved in the database.
To digitize a line feature (line
tracing):
Mode: Edit mode.
1. Check/uncheck "Great circle path" checkbox
as needed.
2. Choose one of supported code format, svg | xml | GMap | GeoRSS | kml.
3. Click at a desired location
on the map for the first point, a yellow marker appears on the spot.
4.
Click on the map (or drag the yellow marker to new position) for subsequent points,
repeat until the last one.
5. Edit / insert attribute text as needed. For
geoRSS, the insert text should be arranged as
"title;description;link". For SVG, also select proper type of SVG
animation.
6. Click "End current obj" button above the map, or
similar button on popup balloon (opened by clicking the yellow marker).
Result: A red polyline appears in place of the tracing line. Code snippet
is generated. Data for the object are saved in the database.
Note: If "Great circle path" is checked, a certain number of points will be
inserted along great circle path joining
the two points of line segments
that are longer than 250 km.
Tip1: Placing new vertex by dragging
the yellow marker to new position must be used if that position is already
occupied by a marker.
Tip2: To place a vertex at exact location of an existing marker, first,
click that marker to open its popup balloon, then click "Snap to this"
button on it.
Tip3: To delete the last vertex, click "Del last vertext" button.
Tip4: To delete the first vertex, click "Reverse line", and "Del
last vertext" buttons.
To digitize a region feature
(perimeter tracing):
Mode: Edit mode.
1. Click at a desired location on the
map for the first point.
2. Click (or drag the yellow marker to new position) for subsequent points, repeat until the last one.
3. Edit / insert attribute text as needed.
[For SVG,
also
elect proper type of SVG animation.]
4. Click "Close current obj" button above the map, or similar
button on popup balloon.
5. Note: If "Great circle path" is checked, a certain number of points will be
inserted along great circle path joining the two end points of line segments
that are longer than 250 km.
To draw rectangle based on its diagonal line:
Mode: Edit mode.
1. Uncheck "Great circle path" checkbox.
2. Click at a desired location for the first point of diagonal line.
3. Click for second point to finish diagonal line.
4. Edit attribute text as needed. [Select proper type of SVG animation.]
5. Click "Close current obj" button.
Or click yellow marker to open popup balloon,
then click "Create box (line=diagonal)" button on "Tools2 tab".
To draw rotated rectangle based on its width and height :
Mode: Edit mode.
1. Uncheck "Great circle path" checkbox.
2. Click at a desired location for the first point.
3. Click for second point to define its width.
4. Click for third point to define its height.
5. Edit attribute text as needed. [Select proper type of SVG animation.]
6.
Click yellow marker to open popup balloon, then click "Create rotated box"
on "Tools3 tab".
Or, for IE / NetScape, press and hold "Shift-key" then click "Close
current obj" button.
7. Limitation: Distance between any two points in succession must be shorter than
250 km,
and location not near polar regions or high latitudes.
To draw rectangle based on its half-diagonal line :
Mode: Edit mode.
1. Uncheck "Great circle path" checkbox.
2. Click at a desired location for the center point.
3. Click for second point to define half-diagonal line.
4. Edit attribute text as needed. [Select proper type of SVG animation.]
5.
Click yellow marker to open popup balloon, then click "Create box
(line=half_diagonal)" button on "Tools2 tab".
Or, for IE / NetScape, press and hold "Shift-key" then click "Close current obj" button.
6. Limitation: Distance of half-diagonal line must be shorter than 250 km.
To draw circle based on its center point and radius:
Mode: Edit mode.
1. Uncheck "Great circle path" checkbox.
2. Click at a desired location for the center.
3. Click for second point to define radius length.
4. Edit attribute text as needed. [Select proper type of SVG animation.]
5. Click yellow marker to open popup balloon, then click "Create circle
(line=radius)" button on "Tools2 tab".
Or, for IE / NetScape, press and hold "Ctrl-key" then click "Close current obj" button.
6. Limitation: Length of radius must be shorter than 250 km,
and location not near polar regions.
To draw circle based on its diameter:
Mode: Edit mode.
1. Uncheck "Great circle path" checkbox.
2. Click at a desired location for 1st point of diameter.
3. Click for second point to define diameter length.
4. Edit attribute text as needed. [Select proper type of SVG animation.]
5. Click yellow marker to open popup balloon, then click "Create circle
(line=diameter)" button on "Tools2 tab".
Or, for IE only, press and hold "Alt-key" then click "Close current obj" button.
6. Limitation: Length of diameter must be shorter than 250 km,
and location not near polar regions.
To create circular arc / partial circular disk:
Mode: Edit mode.
1. Draw a circle by one of the available methods above.
2. Click "Edit last obj" button, then click "OK" button.
3. Click "Del last vertex" button several times as needed.
4. If needed, click "Reverse line" button.
5. Click "End current obj" button to get circular arc, or ..
6. Click "Close current obj" button to get partial circular disk.
To change the filled object (finished with a click on "Close current obj"
button)
you just created into a hollow one:
Mode: Edit mode.
1. Click "Edit last obj" button, then click "OK" button
on the prompting dialog.
2. If you want to delete the last vertex, click "Del last vertex" button.
3. Click "End current obj" button.
To change the hollow object (finished with a click on "End current obj" button)
you just created into a filled one:
Mode: Edit mode.
1. Click "Edit last obj" button, then click "OK" button
on the prompting dialog.
2. Click "Close current obj" button.
To edit the last object
Mode: Edit mode.
1. Click "Edit last obj" button.
2. Response to the prompt with "OK" to edit on the original object, or
"Cancel" to edit on the cloned object.
3. Proceed on editing as it now become current object.
To browse / highlight objects in the
database
Mode: Browse mode.
1. If edit mode is on, click "Browse" button.
2. Click one of the "Browse|First|Prev|Next|Last" buttons as needed to
browse / highlight individual digitized object and see its details.
3. While an object is highlighted, you can bring it back / or clone it to edit.
(see instruction below)
To edit an object of your choice
Mode: Browse mode.
1. Click "Browse" and "First|Prev|Next|Last" buttons until the object is highlighted.
2. Click "Edit this obj" button.
3. Response to the prompt with "OK" to edit on the original object, or "Cancel"
to edit on the cloned object that will be created.
4. Proceed on editing as it now become current object. You can edit its graphic
and accompanying text attribute.
Note: After "Edit this obj" is clicked, edit mode will become
active.
To delete objects one by one
Mode: Edit mode.
1. Click "Del last obj" button.
2. Repeat step 1 as needed.
Result: You delete the digitized objects one by one starting from the
last one.
To delete all objects in the database
Mode: Edit mode.
1. Click "Delete all" button.
2. Click "OK" to confirm your intention.
Result: All the digitized objects in the database are purged.
While you are digitizing, you can ...
- delete last vertex by clicking "Del last vertex" button.
- reverse vertex sequence of the current polyline, by clicking "Reverse line" button.
- delete the current object, just click "Del current obj" button.
- add new points by simply clicking on the map, or dragging the yellow
marker
- read bearing of the last line segment
- determine total length of the polyline
- use tools for location search to help identify places on the map
- click yellow marker to open popup balloon where you can find more tools on it
Use of tool for searching locations within the proximity of the map center
Mode: Edit mode.
Search location based on coordinates of map center:
1. Pan the map to your desired location, the coordinates in lat and long text
boxes will be updated to current values.
2. Select a value in "Search radius" drop-down list.
3. Click "Search with Lat-Long" button, and wait for result to appear in
"Results from search" list.
4. Once the result is populated in "Results from search" list, click and
choose an item in it.
5. To create a marker for the selected item on the map, click "Locate on map"
button.
6. To open its WikiPedia content, click "Open link" button.
Search location based on postal code of a country:
(This only works for a number of countries that have such system)
1. Pan the map to your desired location.
2. Click "Sync." button,
3. Select a value in "Search radius" drop-down list.
4. Click "Search with postal code" button, and wait for result to appear
in "Results from search" list.
5. Once the result is populated in "Results from search" list, click and
choose an item in it.
6. To create a marker for the selected item on the map, click "Locate on map"
button.
7. To open its WikiPedia content, click "Open link" button.
Tip1: Creating markers with their accompanying text attributes by
clicking "Locate on map" button for the items found from searching is
simple. The created markers are often useful to identify places in many
populated areas of the world where Google Maps do not provide appropriate
information.
Tip2: If you want some WikiPedia contents to be searchable by GMAD
by the above method, you can achieved that by adding proper geocoded data in the
relevant WikiPedia contents. If you consider authoring new WikiPedia contents,
dont forget to provide its geocoded data. Later on, you can search for them
here.Warning:
User's induced refreshing of the web page will clear all the data
you've already digitized, and reload
all the code and resources from web servers.
Other capabilities:
- Generation of complete SVG (Scalable Vector Graphic) code for all digitized objects("Gen SVG code" button).
- Generation of complete Google Maps code for all digitized objects("Gen Google Maps code" button).
- Creation of code snippets in XML, SVG, Google Maps and geoRSS for individual objects as you digitize or browse.
- Automatic generation of great circle paths for long line segments. ("Great circle path" checked).
- Integrated search tools for proximiy locations. You can
search by lat-long or postal code.
SVG information
About SVG export code:
1. Accompanying features' attribute data are intact with the graphic codes.
2. Feature's attribute data are coded to displayed interactively with mouse-over event on its graphic.
3. Provision of useful graphic animation choices by a dropdown-listbox to choose from.
4. Provision of background-image place holders with instructions in SVG comment sections.
5. Well-organized structure to support further modification and enhancement.
6. Complete and ready to use code in many applications.
7. Usable everywhere, on the internet or off-line.
8. No royalty fee to use.
To generate complete SVG code:
1. Enter proper text string for your SVG document title in "Your map title" text box.
2. Click "Gen SVG code" button.
(This command is enabled in edit mode only)
3. Follow the instruction given on the SVG code output window.
Google Maps information
About Google Maps export code:
1. This is a Google Maps Mashup code generating tool that is easy to use.
2. You are granted to use and/or modify the generated code.
To generate complete Google Maps mashup code:
1. Enter proper text string for your Google Maps title in "Your map title" text box.
2. Enter Google Maps Key Code in "Your key code" text box.
3. Click "Gen Google Maps code" button.
(This command is enabled in edit mode
only)
4. Follow the instruction given on the Google Maps code output window.
GeoRSS skeleton code:
<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom"
xmlns:georss="http://www.georss.org/georss"
xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
xmlns:gml="http://www.opengis.net/gml">
<title>Your title</title>
<subtitle>Your subtitle</subtitle>
<link href="http://www.nowherewebsite.com/"/>
<updated>2006-12-15T18:30:12Z</updated>
<author>
<name>John Doe</name>
<email>johndoe@nowhere.com</email>
</author>
<id>some-id-here</id>
<!-- some entries here-->
<entry>
<title>The target location</title>
<content>Just an example</content>
<link href="http://www.mywebsite.com"/>
<geo:lat>26.58</geo:lat>
<geo:long>-97.83</geo:long>
<georss:where>
<gml:Point><gml:pos>26.58 -97.83</gml:pos></gml:Point>
</georss:where>
</entry>
<!-- other entries here-->
</feed>
GMAD can create the <entry> elements as code snippet for your geoRSS document. The sample code above
(bold text part) is generated if you insert "The target location;Just an example;http://www.mywebsite.com"
into the attribute text box and click inside the map area (at lat:26.58, long:-97.83) to create a marker.
Once it is created, you can copy the generated code and paste it on your text editor to aggregate / compose your geoRSS feed.
KML skeleton code:
<kml xmlns="http://earth.google.com/kml/2.0">
<!-- Settings -->
<Folder>
<description>The main folder</description>
<name>Main</name>
<!-- some placemarks here-->
<Placemark>
<description><![CDATA[<a href="http://www.dummy.com/">Go Pathumthani</a>]]></description>
<name>Pathum Thani</name>
<visibility>0</visibility>
<open>0</open>
<!-- styleUrl>#yourStyleMap</styleUrl -->
<Point>
<extrude>0</extrude>
<tessellate>0</tessellate>
<altitudeMode>clampToGround</altitudeMode>
<coordinates>100.0,14.0,0</coordinates>
</Point>
</Placemark>
<!-- other placemarks here-->
</Folder>
</kml>
The "Placemark" code snippet in the KML skeleton code above is generated if you insert "Pathum Thani;Go Pathumthani;http://www.dummy.com"
into the attribute text box and click on the map area to create a marker at latitude=14.0 and longitude=100.0.
With these code snippets, you can aggregate / compose a KML file that contains your geocoded information of your choice.
GMaps
Useful codes for baseIcon and myicon objects:
...
var baseIcon = new GIcon();
baseIcon.image = 'http://labs.google.com/ridefinder/images/mm_20_red.png';
baseIcon.shadow ='http://labs.google.com/ridefinder/images/mm_20_shadow.png';
baseIcon.iconSize = new GSize(12, 20);
baseIcon.shadowSize = new GSize(22, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
var myicon=new GIcon(baseIcon);
myicon.image='http://labs.google.com/ridefinder/images/mm_20_green.png';
...
