Features Globe Active Places Downloads Support Buy

EarthNavigator Active Websites

You can easily create EarthNavigator Active websites by simply adding special tags to the HTML of your page. Some familiarity with HTML is helpful to create these pages.

The first step is to insert the comment

<!--EarthNavigator Altitude="KM" Range="KM" -->

between the <Head> and </Head>  tags of the page. The EarthNavigator will recognize this comment and then check the remainder of the web page for Active Place or Active Route tags.

The Altitude keyword is optional and is only used if places on this web page have an altitude (such as airplanes in flight). If it is used, then the Altitude keyword specifies the units of measurement for the altitude of the place.  

The Range keyword is also optional and is used if Active Places on this web page have a range (a circle around a place indicating, for example, an area of influence. If it is used, then the Range keyword specifies the units of measurement for the radius of a circle drawn around the place.  

Allowable Altitude and Range units include KM (kilometers), M (meters), NM (nautical miles), MI (miles), YD (yards), and FT (feet).

A few tools are available to assist in creating Active Places and Active Routes, primarily consisting of copying text to the clipboard in the Active HTML format. 

The Copy menu option has a number of menu items to copy HTML to the clipboard. Or, you can click a visible Place or Route layer from the Layers form of the proram, right-click to show the menu and select the Copy Routes/Places To Clipboard option. All routes or places in the selected layer and the associated URL text will be copied to the clipboard where you can then insert the text into the HTML of a webpage.

You can also use the Find... dialog to pinpoint the longitude and latitude of a place. When you have found a place,  right-click it to display a menu with two options which will copy an HTML tag in Active HTML format to the clipboard, which you can then paste into your HTML.

If you wish to insert the logo on your website, just copy this HTML to your website.

Creating Active Places

The EarthNavigator recognizes two types of Active Place tags, anchor and hidden.  If you check the globe now (that is, if you are using the EarthNavigator), you'll see two Active Places, one of each type.
1. Anchor Place tags: These are places which are associated with an existing anchor <A> on your website.

For example, if you click City of Edmonton, a web site with information about this city is displayed. If you view the globe, you will see an Active Place where the City of Edmonton is and you can also double-click on this place to display the same web site.

The HTML of this anchor tag is:

<a href="http://www.gov.edmonton.ab.ca/" target="_blank"><!--EarthNavigatorAnchorPlace Longitude="-113.51" Latitude="53.56" Altitude="0" Range="20"-->City of Edmonton</a>

Note that the HTML comment

<!--EarthNavigatorAnchorPlace Longitude="-113.51" Latitude="53.56" Altitude="0" Range="20"-->

has been inserted within the tag (Altitude and Range are optional).  

This HTML comment, which has the longitude and latitude of the City of Edmonton, is  recognized by the EarthNavigator and the Active Place is shown on the globe. If  you zoom into the City of Edmonton,  you'll see that a circle with a radius of 20km is drawn around the City.  

2. Hidden Place tags: These are places which are not visible on your web page but which are recognized by the EarthNavigator and shown on the globe.

The HTML for a hidden place is:

<!--EarthNavigatorHiddenPlace Name="CALGARY" URL="http://www.gov.calgary.ab.ca" Longitude="-114.06" Latitude="51.04" Altitude="0" Range="30"-->

This HTML comment includes the place name, a URL, and the longitude and latitude of the City of Calgary. The comment must be inserted between the <Body> and </Body> of the page.

Creating Active Routes

These are similar to Active Places except instead of single point, they depict a route (or polyline joined by a sequence of points). There are also two types of Active Routes; Anchor and Hidden.
1. Active Route tags: These are routes that are associated with an existing anchor <A> or link on a website. An example of this type of tag is:

<a href="http://www.gov.edmonton.ab.ca/" target="_blank"> <!--EarthNavigatorAnchorRoute Points="6" Range="30" 1="163.23 19.19" 2="178.24 33.27" 3="-159.18 36.88" 4="-149.57 23.41" 5="-151.41 1.3" 6="-151.41 1.3" -->City of Edmonton</a>

Note that the HTML comment 

<!--EarthNavigatorAnchorRoute Points="6" Range="30" 1="163.23 19.19" 2="178.24 33.27" 3="-159.18 36.88" 4="-149.57 23.41" 5="-151.41 1.3" 6="-151.41 1.3" -->

 has been inserted within the tag. This HTML comment will display a route that has six (6) points, with the longitude and latitude of each point listed in order within the comment. The first point 1="163.23 19.19" is located at a longitude of 163.23 and a latitude of 19.19. 

Note that the optional Range keyword is also permitted for Active Routes, but in this case they indicate the radius (in degrees) of an arc to be drawn between each point. 

If the Range is 0, then a straight line is drawn between each point. If the range is between 1 and 180, then a counterclockwise arc is drawn between each point,  If the range is between -1 and -180, then a clockwise arc is drawn between each point. 

2. Hidden Route tags: These are routes that are not visible on your web page but are recognized by the EarthNavigator and shown on the globe. The HTML for a hidden route is:

<!--EarthNavigatorHiddenRoute Name="CALGARY" URL="http://www.gov.calgary.ab.ca" Points="6" 1="163.23 19.19" 2="178.24 33.27" 3="-159.18 36.88" 4="-149.57 23.41" 5="-151.41 1.3" 6="-151.41 1.3"-->

This HTML comment includes the route name, a URL, and a route with six points. (Note that this is just an example and the longitude and latitude coordinates don't actually show a route specific to this location).
© Calido Software Inc.  All rights reserved

Calido Software Inc.
RR2 Site 212 Box 22
St. Albert, AB Canada T8N 1M9
780-918-0980
FAX 780-467-5477

email: info@earthnavigator.com

Read our Privacy Policy