HTML ImageMapper 3.5

HTML-ImageMapper 3.5

Manual

alta4 Geoinformatik AGFrauenstrasse 8+9D-54290 TrierGermanyhttp://[email protected]@alta4.de

HTML ImageMapper 3.5

Copyright c© 2004 alta4All rights reserved.

Although the greatest care has been used to assemble this document, it is possible that itcontains certain errors and omissions.We welcome and are grateful to you for any suggestions that will improve the use of our product.

ESRI, ArcGIS, ArcMap, and ArcInfo are registered trademarks from ESRI Inc. All of the otherHardware- and Software terms and names of firms used in this manual are also trademarks orregistered trademarks and should be seen so.

1


1 What do you need HTML ImageMapper for -Sharing interactive maps

HTML ImageMapper is the easiest, fastest and most affordable way to transform your ArcViewmaps and data into great looking interactive maps for the internet. These interactive mapscreated by HTML Image Mapper have many advantages over traditional paper maps. The mostimportant are:

• they provide the most up-to-date information

• they contain specialized tools to receive further information

• they provide new opportunities for distributing information within an organization or tothe public via the internet

Traditionally, only highly trained proffessionals could leverage information from GIS. Thoseunfamiliar with Gis depended on these GIS professionals to meet all their spatial analysis andmap-making needs. Now maps generated using HTML ImageMapper can be read by everyonevia the internet. Interactive maps so can reach a wide variety of people at a very low cost.Examples of use:

• city maps,

• represent regional development

• to inform about election results in different regions

• forecast of traffic jams

• to provide urban development measure

• ...

2


2 Introduction

HTML Imagemapper 3.5 extends ArcGIS witha very easy internet publishing functionality.You can publish your GIS maps as interactivHTML maps which allow for zooming, pan,search, identify, hotlinking and much more.

HTML ImageMapper is a very intuitive, WYSI-WYG based software which produces aston-ishing web mapping results within a few min-utes. The HTML web mapping project pro-ducted by HTML ImageMapper will work with-out any server side software and also fromCDROM. This is the easiest and most costeffective way to share your GIS online withthe Non-GIS users who only need a browserto view and interact with your maps.

Benefits:

- easy to learn- easy to use- very affordable price- powerful results, rich in features- no special hardware requirements- almost no programming knowledge required- almost no web site administration knowlederequired- no software to be installed on the server- no plug-ins required on the client- comes with a full year of maintenance

3


Contents

1 What do you need HTML ImageMapper for -Sharing interactive maps 2

2 Introduction 3

3 What’s new 63.1 What’s new in 3.5? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63.2 What was new in 3.3? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

4 Installation and Licensing 84.1 System Requirements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94.2 Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94.3 Un-Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94.4 Load HTML ImageMapper in ArcView . . . . . . . . . . . . . . . . . . . . . . . . 104.5 Licensing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

5 Tutorial 115.1 Start HTML ImageMapper . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125.2 Zoom . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125.3 Click Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125.4 JPG Quality . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135.5 Additional Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135.6 Map Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135.7 Table Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135.8 Author and Copyright Information . . . . . . . . . . . . . . . . . . . . . . . . . . 135.9 Create the document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145.10 Results . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

6 Description of all features 156.1 Main Dialogue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166.2 Title of the Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166.3 Zooming . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166.4 Click Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186.5 JPG Properties . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196.6 Additional Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196.7 Define Map Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206.8 HTML Table Layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216.9 Set Author and Copyright Information . . . . . . . . . . . . . . . . . . . . . . . . 236.10 Load from and Save as Batch File . . . . . . . . . . . . . . . . . . . . . . . . . . 236.11 Save as . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236.12 Cancel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236.13 Preview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236.14 Create Map . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246.15 Information and Additional Settings . . . . . . . . . . . . . . . . . . . . . . . . . 246.16 Report an HTML ImageMapper bug . . . . . . . . . . . . . . . . . . . . . . . . . 246.17 ThemeBrowser 1.0 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

4


7 Publishing 277.1 View your HTML maps in a browser . . . . . . . . . . . . . . . . . . . . . . . . . 287.2 Features in the Output HTML-Map . . . . . . . . . . . . . . . . . . . . . . . . . 287.3 Publish your results on a webserver or a CD . . . . . . . . . . . . . . . . . . . . . 287.4 Features of the HTML Page . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

8 Restriction of partial version 368.1 Restrictions of the demo-version . . . . . . . . . . . . . . . . . . . . . . . . . . . 378.2 Restrictions of the edu-version . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

9 Appendix 38

10 Authorized resellers of alta4 software 43

5


3 What’s new

The new version 3.5 of HTML ImageMapperreflects many changes and feature improve-ments requested by our customers. The mostsignificant improvement is the new softwaremodule ”3 1.0” which is a stand alone softwarecomponent delivered with either ImageMap-per 9.0 or 3.5.

ThemeBrowserThe ThemeBrowser enables you to enrich yourinteractive internet maps by a thematic com-ponent. Now you give your audience the pos-sibility to look at the several different mapsof the same geographic extent and toggle be-tween different thematic views. You as themap author just export several ImageMap-per projects from your ArcView GIS projects,let’s say one showing environmental aspects,the other urban planning aspects and thethird population growth, and use the Theme-Browser to combine those HTML maps to oneproject. This is just like adding layers in yourGIS but your audience can do it in their webbrowser without the need to install additionalsoftware. The end user of the map can zoominto the geographic location of their choice.Then using the custom buttons you createdto switch between the thematic views of thezoomed in area. ThemeBrowser is also verysuitable for displaying temporal changes, let’ssay one map showing aerial photographs fromthe 1950’s, the other from the 1990’s and thenext of this year.

The ThemeBrowser has a simple and intuitiveuser interface. Themes created by ImageMap-per 3.5 or 9.0 can be selected and the text ofthe thematic buttons added by the user.

The user can choose to customize the outputlayout with the use of pre-defined or free-stylesettings.

Higher performanceOur customers have supplied us with help-ful suggestions to identify problems and im-prove our products performance. Solutionshave been found and subsequently integratedinto this new version.

3.1 What’s new in 3.5?

Improved conformity to W3C-HTML4.01-standardA better accomodation to W3C-standards hasbeen evolved to guarantee a better compatibil-ity with W3c standards of projects created byHTML ImageMapper 3.5.

GeneralWith the simultaneous release of HTML Im-ageMapper version 3.5 for ArcView 3 and 9.0for ArcGIS 8 and 9, ImageMapper versionsnow have the same features though differentuser interfaces.

3.2 What was new in 3.3?

3.2.1 Object search

The process of an object-oriented search re-quires that objects are selected by their at-tributes. Using the search option, opens apopup window where the user can type in allor a portion of an attributes contents. Allrecords matching the query are displayed in alist. Showing the extent of a selected object isas simple as clicking on the hyper-linked textshown in the list, or clicking on the ”show”button.

3.2.2 Print page

Using the new print button on the web sitewill generate a print page with the currentmap extent, the overview map and the leg-end. The title of the print page can be setdynamically by each user.

3.2.3 Support of style sheets (CSS)

The design of the HTML pages is now definedby style sheets (*.css) and can be changed af-ter having processed the files in ArcView. Adefault style sheet comes with the software.Using a text editor, you can determine thelook of the web pages.

6


3.2.4 Advanced Browser compatibility

ImageMapper 3.3 supports InternetExplorer5.5, Netscape 4.7, Mozilla 1.1, Opera 6.04 andall higher versions of these browser types.

7


4 Installation and Licensing

• System Requirements

• Installation

• Un-installation

• Loading HTML ImageMapper 3.5 in ArcView

• Licensing

8


4.1 System Requirements

System-requirements on your computer:

disk space about 1 MBoperating system Win 95 / 98 / 2000 / NT / XPGIS Software ArcView 3 version (ESRI)Browser Software Netscape 4.7 or higher,

Microsoft Internet Explorer 5.x or higher,MozillaOperaSupport of JavaScript

system administrative rights administrator rights during installation

4.2 Installation

HTML ImageMapper 3.5 is an internet GISextension for ArcGIS 3.1 and higher. Itadds functionality by converting your mapsfrom an ArcGIS View to interactive maps inHTML format - ready to be published on theWeb or on CD.

Install ImageMapper 3.5

• Uncompress the downloaded zip file bydouble-clicking on the file in your ex-plorer. You need WinZip or any equiv-alent data compression software to dothis.

• Double-click on install.apr in yourexplorer. The setup wizard will startitself immediately.

• Check the checkbox ”I agree” in the di-alog that opens and click ”Continue”.

• Click ”Install” in the next dialog. Ifyou have another version of HTML Im-ageMapper on your computer you havethe choice to overwrite the old files or tokeep them.

After that, all files required by Imagemapperwill be automatically installed.

4.3 Un-Installation

You can deinstall HTML ImageMapper as fol-lows:

1. First exit your ArcView project

2. Go into the following directory:

C:\ ESRI\ AV GIS30\ ARCVIEW\ EXT32

9


3. Delete the im-file as well as the filesim.avx and im.lcs

Note: Before changing your ArcView ver-sion first deinstall HTML ImageMapper.Install HTML ImageMapper in your newArcView version again.

4.4 Load HTML ImageMapper inArcView

1. Start ArcView.

2. Click Extensions in the menu File.

3. A window pops up with the available ex-tensions.

4. Check the checkbox next to HTML Im-ageMapper 3

Note: If HTML ImageMapper is not listedin the window, the installation has not beensuccessfull. A possible cause for this is thatyou have tried to install HTML ImageMap-per without having administration rights onyour system.

The HTML ImageMapper icon appearsin the GUI of your MapDocument. If no datahas been added to your view, the icon will begreyed out and inactive. It will be colored assoon as you add data to the view.

4.5 Licensing

Since the release of ImageMapper 3.3 theterms for updating have changed. By the pur-chase of ImageMapper 3.5 you will receive amaintenance contract for one year. Duringthis time period, you’ll receive updates andsupport for free. After one year, you havethe option to purchase an extended mainte-nance contract/agreement. If you are usingthe Demo and would like to change to a com-mercial version purchased from alta4 or one ofits resellers you can use the dialog that openseach time you load HTML ImageMapper.

1. Load HTML ImageMapper as describedabove.

2. A dialog will be opened. In order to usethe evaluation copy of the software youneed to obtain an evaluation license key

from alta4. Click on the button ”Regis-ter and Load”, enter your email addressand you’ll be sent a key.

3. After having obtained a commercial, ed-ucational or student license, you can en-ter the new license key here to fully un-key the software.

10


5 Tutorial

• Offers a short and quick introduction to HTML ImageMapper 3.5

• Demonstrates the most important features on a project

• Runs through HTML ImageMapper 3.5 in easy steps

11


5.1 Start HTML ImageMapper

• Fit your view window in ArcView to thedesired output size.

• Open the main dialog box by clicking onthe ImageMapper icon.

• Type in a new title for the document inthe upper textbox.

5.2 Zoom

• Select ”Fixed scale zoom level”. Selecta zoom level of 200%.

Check the option-check box to include thefollowing items: overview map, scale bar,search, logo or legend. Accept all othersettings.

5.3 Click Properties

• Click on ”Properties” next to the firsttheme in the section ”clickable themes”.A new dialog opens.

• Select ”Display Attributes” for the clickaction and click OK.

• Set the same settings for another theme.If more themes are visible in your Ar-cView view make them unclickable by

12


selecting ”—” in the pulldown menu. Inthis example only two themes are visi-ble. Therefore only two pulldown menusare displayed in the section ”clickablethemes”.

5.4 JPG Quality

• Accept the default.

5.5 Additional Options

• Check the checkboxes ”IncludeOverview Map” and ”Include Leg-end”. The two other checkboxes shouldremain unchecked. Accept the settingfor the width of the overview map.

5.6 Map Layout

• Click on the ”Define Map Layout”button. Select a layout by clicking onit.

5.7 Table Layout

• Click on the ”Define HTML Table Lay-out” button.

• Type in 2 for the cell padding.

• Type in 60% for the table width. Thetable will occupy 60% of the table frame.

• Change the text size for the header cellsto +1.

• Click OK.

5.8 Author and Copyright Informa-tion

• Click the button ”Author and CopyrightInformation”.

• Type in your own name in the ”Author”textbox and check the checkbox ”AddCopyright Information to Map”.

• Click OK.

13


5.9 Create the document

• Browse to the directory you want thedocument to be saved under.

• Click ”Start” to process the HTML-document.

Note: You can stop processing by pressingthe ESCAPE key long.

5.10 Results

The resulting document will look similar tothis:

14


6 Description of all features

• Main Dialog

• Zooming

• Clickable Themes

• Additional Options

• Table Layout

• Author and Copyright Information

• Additional Settings

15


6.1 Main Dialogue

Click on the icon to start the main dia-log.

6.2 Title of the Document

Type in a title in the ”HTML Document Ti-tle” textbox. The title will be displayed onthe top of the HTML page and will be alignedto the the the center. The name of the viewfrom which HTML ImageMapper was startedfrom is the default for the textbox.

6.3 Zooming

You can choose between two versions ofzooming: Fixed Scale or Zoom to Objects.

6.3.1 Fixed Scale

The Fixed Scale option allows the user tozoom to all areas and objects in the mapwithin fixed zoom levels. You can choosebetween 100%, 200%, 400%, 800% and 1600%.

Be aware that the processing time increasesexponentially. If you decide to use the fixedscale zoom level you will also get the optionof using the new search feature, provided the”include search” option has been checked.

16


6.3.2 Zoom to Objects

This option generates a zoom to a selectableobject. The user can make the selection in themain map by clicking on the object he wouldlike to zoom to either in the overview map,in a list or in the main map. For exampleyou could zoom from the map of the UnitedStates to the state of Indiana. As soon as youselect the Zoom to Objects option anotherdialog pops up.

Zoom to Objects of ThemeAll themes visible in your view appear inthe pulldown menu. Here you can select thetheme that will be zoomed to in the map.

Extent around FeatureYou might want to see not only the selectedobject in the map but also the surroundings.Here you can define how much of the areaaround an object will be visible in the mapwhen you use the zoom to objects function.In this example 20% of the map will not becovered with the object.

Further ZoomingThere’s the option to zoom even further tothe object after the Zoom to Objects zoomlevel. You can choose between the 200%,400% and 800%. Again be aware of theprocessing time.

Generate LinksIf you check the checkbox, links will auto-

matically be generated through which theuser can select objects from outside the map.The list will appear on the right side in thedocument. If you do not want to create links,the user will still have the possibility to selectobjects and zoom into the map. He can makethe selection in the main map by clicking onan object of the Zoom to Objects layer or usethe overview map in the same way as long asyou choose to generate one.

Use the pulldown menu behind generate linksfrom field and select a field from the attributetable to name the links. In our example weused the ”NAME” field.

Clickable ThemesUp to 5 feature themes can be made clickable.Those themes are also called Hyperlinkthemes. The number of available featurethemes depends on the number of visiblefeature themes in the view. To make a themeclickable select it in one of the pulldownmenus. To unselect a theme select ”—” fromthe pulldown menu.

Tip: If you have many themes in your view,make only one or two of them clickable inthe 100% level. This reduces file size andloading time for the first map.

17


6.4 Click Properties

The properties dialog enables the author toselect the click properties for each layer. Theauthor decides what will happen if the userclicks on an object in the map.

6.4.1 Map Tip Field

A map tip is the text that is displayed ina small yellow window when you move themouse over a clickable area.

By default the first field that contains”NAME” is defined as Map Tip Field. Youcan also select any other field of the attributetable as the map tip field by using thepulldown menu. In this example you have thechoice between 6 fields.

6.4.2 Click Action

The pulldown menu offers 5 different click ac-tions which you can define for each theme.Note: The pulldown menu under ’OriginalMap Size’ only appears if you selected

’Fixed Scale Zooming’.

Display AttributesThis function exports the attributes of allrecords within the view extent to HTMLtables. Only data of visible fields is exported.The Shape field is never exported. When youclick on an object of a theme for which youdefined ”Display Attributes” as click action,the attribute table will be displayed in anextra frame next to the map frame.

Link to URLA click on the map will automatically openthe website defined by this URL. The com-plete path name has to be written in a field ofyour attribute table. This field can be spec-ified in the ”Link to URL” pulldown menu.If the URL does not start with http:// checkthe box at the bottom to automatically add it.

HotlinkYou can hotlink any web compatible mul-timedia files such as GIF-, JPEG-, orPNG-Images, MPEG or AVI movies, WAVor MP3 sound files etc. Those files mustbe referenced with a complete path namein your hotlink field of your attribute table.(Look for the hotlink online help in ArcView)You can specify this field in the pulldownmenu ”Hotlink Field” as soon as you select”Hotlink” in the upper pulldown menu.

18


The files will automatically be copied in thedirectory /hot/ in the output directory.

Link to e-mailThis function is comparable to ”Hotlink”or ”Link to URL”. The data has to becontained in the field that you specifyin the lower pulldown menu. A click onthe map opens the standard e-mail programof the user with the predefined e-mail address.

Link to DatabaseYou can add links from your databaseon your webserver. The default is:Path/filename?attribute=<<fieldname>>To create the link to your database replacepath/filename by a valid path to the file,you wish to establish the link to your databasefrom. Fill in your own variable name insteadof ?attribute behind the path. You need toreplace <<fieldname>> by a field in yourattribute table.

Tip You find all field names in the MapTip pulldown menu above.

The referenced file will be displayed in thebrowser after a click on one of the objects.The link to a database has the advantagethat you can always offer the most up to dateinformation to the user. For instance youmight want to show the user climatic datathat changes every day. Changes are onlynecessary in the database. You do not haveto generate the HTML pages all over again.

Contact your webmaster if you need morehelp to link databases to your webserver.

Fields to ExportA new dialog pops up in which you canselect the attributes of the objects that willbe exported. Only those will be displayedlater in the HTML document if you selectedDisplay Attributes as click action.

By default all fields except the shape fieldare exported. When you open the dialog forthe first time all attributes appear in theright box. The add button is not active. Toremove an element from the right box click onthe element and click remove. Now the addbutton is also active because there exists anelement in the list ”do not export”. To addthe attribute again to the list of attributesto be exported click on it and use the addbutton.

6.5 JPG Properties

You can adjust the quality of your map. Yourview is exported as a number of images inthe JPG format. JPG is a compressed dataformat. The higher the compression the lowerthe quality of the maps you create and viceversa.

The default is 90%, which is a good compro-mise between quality and file size. The size ofthe map in pixels is given on the left side.

6.6 Additional Options

You can use several features to complete yourdocument.

19


6.6.1 Overview Map

Creates an overview map that will be dis-played inside the map window. With the helpof the overview map the user can zoom di-rectly to smaller areas on the map. How-ever you need to select at least the zoom level200% in the tab ”Zooming”. The width ofthe overview map can be defined in pixelsin the text box below the checkbox ”IncludeOverview Map”. The default depends on thesize of the window with which you specifiedthe size of the main map. You can switch theoverview map on and off by using this button:

6.6.2 Legend

A legend is automatically generated that canbe accessed through an additional controlon the output web site that opens a popupwindow.

Note: To open the popup windowJavaScript is necessary, which is originallyin the subfolder ”im” and is automaticallycopied to the folder ”map”. The user has toactivate JavaScript in his browser in orderto open the legend.

6.6.3 Scale Bar

The scale bar is displayed in the lower left cor-ner of the map frame.

6.6.4 Logo

You might include your own logo in your webpage. If you check this option a new dialogpops up in which you can browse to your logofile.The logo will always be displayed in theupper right corner. You can use GIF, JPG,BMP or PNG files.

6.6.5 Include Search

If you decide to use ”the fixed scale zoom”option, you will get the additional option toinclude the search feature. The search featurewas new in ImageMapper 3.3. It allows theuser to select an object or group of objectsbased on their attributes.

6.7 Define Map Layout

You have a choice between several layoutstyles. Click on the one you want to use foryour HTML document.

20


6.8 HTML Table Layout

Click on the icon to open the websiteof alta4 in your default browser. There youwill find useful information about currentreleases, bug fixes, patches and examples ofwhat others achieved using this software.

The table layout is devided in 4 sections: Thewhole document, the table, the header cellsand the data cells.

6.8.1 Document

You can type in a background color for thedocument as hexadecimal number. Hexadeci-mal values always start with a hash (#) andhave 2 digits for red, 2 digits for green and 2digits for blue. Values range from 00 (noneof this color - value 0 in RGB) to FF (fullsaturation - value 255 in RGB). Check withimage editing software like Paint Shop Pro orPhotoshop for conversion.

Tip: The text in HTML ImageMapper is al-

ways black (#000000). Select a light back-ground color by using high values (A to F).

6.8.2 Table

The table can be aligned within the tableframe to the left, to the center or to the right.

The terms Border Width, Cell Spacing andCell Padding are explained in more detail withthe demo table below.The width of the table can be selected. Youcan use pixels as well as percent when youspecify the table width. If you choose for in-stance a width of 60%, the table will fill 60%of the table frame. The background color ofthe table equals the color of the grid. Type ina hexadecimal number.

6.8.3 Header and Data Cells

The available formatting menus for theheader and for the data cells are alike. Thesettings for background color, text size and

21


text style only apply to different cells.

Text Size-2 to +2 are relative sizes that depend onthe default text size of the user. 1 to 7 areabsolute numbers.

Tip: -1 produces good results.Text StyleEach choice consists of three alternative fonts.The display in the browser depends upon thefonts that have been installed on the system.The first font in a series has priority. If it isnot installed the browser looks for the secondfont in the series.

6.8.4 Load from and Save as Template

HTML ImageMapper allows you to createdocuments on the basis of a template. UseSave as Template to create your templateby saving your settings. These settings arelater retrievable with Load Temlate ”from”.This way it is easy to produce documentswith the same settings. You can also usea simple HTML-Editor like MS Frontpageor Netscape Composer to create templates.Your table needs at least two columns. Savethis as template. The first column will beinterpreted as header cell and the second oneas data cell. The cells can contain text.

All layout settings are saved to a .css stylesheet file which can later be modified ina text editor. Please refer to the chapter”Modification of the HTML output” for adetailed description of all possibilities.

Use the OK button to close the dialog andapply the settings. Use Cancel to close thedialog without applying your settings.

22


6.9 Set Author and Copyright In-formation

Another dialog appears.

Type in your own information and check theboxes next to the information you want to bedisplayed below the map.

CopyrightYou can type in the name of your company.

AuthorType in your own name.

e-mailAdd your own e-mail address. It will au-tomatically be transferred into a clickable link.

CommentThe default ”Created with ImageMapper 3.5by alta4” cannot be altered and is illegal toalter as long as you are an un-licensed user.Alternatively, licensed users are allowed tochange the ”comment”.

Tip: If you would like to add an URL in thecomment box you need to use an HTMLtag.

Now check the box next to ”Add CopyrightInformation to the map”.

You can use the big textbox on the bottom toadd Information for the user to make it easierto the user to work with your document.

6.10 Load from and Save as BatchFile

A dialog is opened whereby you can browsea directory to either save or open a file. Allinstructions you made in the different dialogswill be saved so that you can automate recur-rent work flows and get reproduceable results.You can start ImageMapper with an Avenuescript. All batch files have the same ending:*.im3. They are text files in ASCII-format sothat you can open and edit them in every texteditor - like notepad.exe.

6.11 Save as

The button opens a dialog window. Select thedrive in the pulldown menu. Browse to the di-rectory you want the files to be saved under.If you do not select a directory the files willautomatically be saved under the TMP direc-tory of the C: drive.

6.12 Cancel

This button closes the main dialog withoutcreating the HTML document.

6.13 Preview

We advise you to view your layout in the pre-view before you create the map. You mightwant to make changes after proofing the pre-view. This way you do not have to spend theprocessing time to see the results for the firsttime.The preview creates a map with limitedfunctionality. The Zoom to Objects optiononly features for a single object. The clickaction is also only available for one object.If you selected Display Attributes as clickaction an example table appears if you clickon the object for which the click action works.The clickable object is not necessarily in thevicinity of the object you can zoom to.

After proofing the preview you can return tothe main dialog by closing the preview. Cor-rect your settings if necessary.

23


6.14 Create Map

This button initiates the processing of themap. You can stop the processing by usingthe ESC key. All files will be saved under thedirectory you selected or the Tmp directory.The following subdirectories are automati-cally created.

/att for the attribute files/map for the map files/nav for the navigation files

Depending on your settings the followingsubdirectories are also created:

/leg for the legend files/hot for the hotlink files

6.15 Information and AdditionalSettings

Here you get information about the Im-ageMapper version you are using and aboutalta4. In addition you can make settings thatconcern the program.

The language can also be changed after theinstallation. You have the choice betweenCzech, English, French, German, Swedishand Spanish. You can also add your own lan-guages by altering the words in the languagefiles. These are saved under the directoryim/languages.

The Online Help takes you to the alta4

homepage. You will find manuals in pdfformat, user examples for different Im-ageMapper versions, product information andinformation about the ImageMapper features.

The button Check for Updates inquireswhich HTML ImageMapper version you arecurrently using and if a newer one exists.

6.16 Report an HTML ImageMap-per bug

This button takes you to the alta4 homepage.If you found a bug in the program please fillin the form. Thank you.

24


6.17 ThemeBrowser 1.0

The ThemeBrowser enables you to enrich yourinteractive internet maps by a thematic com-ponent. The ThemeBrowser is a stand aloneapplication that allows your users to interactwith several independent ImageMapper mapcompilations at once. You as the map authorand GIS user just export several ImageMap-per projects from your GIS projects, let’s sayone showing environmental aspects, the otherurban planning aspects and the third popu-lation growth, and use the ThemeBrowser tocombine those HTML maps to one project.This is just like adding layers in your GIS butyour audience can do it in their web browserwithout the need to install additional soft-ware. The end user of the map can zoom in tothe geographic location of his desire and thenuse buttons you created to switch between thethematic views of the zoomed in area. The-meBrowser is also very suitable for displayingtemporal changes, let’s say one map showingaerial photographs from the 1950’s, the otherfrom the 1990’s and the next of this year.

InstallationThere’s only one ThemeBrowser, which worksfor both ImageMapper 3.5 and 9.0 documents.ThemeBrowser Setup.exe is included in the in-stallation archives of both ImageMapper 3.5and 9.0. Unzipping those files creates theHTML ImageMapper’s setup-file and a sub-directory with the ThemeBrowser’s setup-file.Note that the ThemeBrowser’s setup-file hasto be started separately for installation.

Browser viewCentral user interface of ThemeBrowser 1.0is the Browser view. Here you can adjustthe main settings, i.e. the main title, the

maps’ data source, the layout and the output’sdirectory-path. Similar to HTML ImageMap-per you can preview the results.In HTML ImageMapper’s main version upto five thematic map projects can be loadedinto the one theme browser project. Chosethose map files by clicking the ”browse” but-ton, then navigate to the directory where youstored your ImageMaps you previously cre-ated with HTML ImageMapper.Enter topic names for each thematic map inthe ”Title” field. Topic names will appear onthe web site as navigation buttons to each the-matic map.

Layout-EditorThe three standard-layout-types are prede-fined in the browser-window. (Layout Blue,Red, Green). The Layout can be created as”custom layer” in the opening layout-editorwith the ”Show/edit”- button. The layout-settings can be previewed- note that previewis only for checking correct graphical display;preview has only limited functionality.

TitleSet your font face, font colour, font size andother text formatting in the main title.

ThemesIn this field background colour, typeface, font-colour and font-size of the thematic map’s titlecan be set.

LogoYou can load a self-created logo by clicking the”browse” button. This logo will appear on theupper right corner. Your logo file should be ofthe data format JPG, GIF or PNG. Choosethe logo not too large.

BackgroundHere background-colour is set. Use the colorinspector or type in hexadecimal code.

BordersThis option defines the line’s type and colourof the theme-buttons.

Hover

25


Define graphical appearance of buttons andbutton text as the user moves the mouse overthem.

OutputPressing the ”OK”-button will start the out-put generating process. Now your existing Im-ageMap projects will be copied or moved toone central location and linked by a new in-dex.html file you should use as the new start-ing page. Note that here no new maps arecreated, but existing HTML ImageMapper-projects are linked. The ”copy” option willleave the original files at its location, the”move” option will move the original files anddirectories to a new location - the new themebrowser directory.

Additional changesIf you wish to make additional adjustments,take a look at the following files in the out-put directory: Sizes of the frameset are spec-ified in the ”index.html” file, the top nav-igation page is defined in ”imaptitle.html”.The ThemeBrowser’s layout is defined in the”browser.css” file. All three files can beopened in text or web editors for makingchanges. Note that making changes in thosefiles should be done with care and experiencein HTML, JavaScript and Cascading StyleSheets (css). Talk to your web site admin-istrator for additional advice.

26


7 Publishing

• View your HTML maps in a browser

• Publish your results on a webserver or a CD

• Features of the output website

• Advanced layout options

27


7.1 View your HTML maps in abrowser

When HTML ImageMapper has finished ex-porting, you will be asked if you want toview your results immediately in your defaultbrowser. However you can also open thosepages manually:

1. Open your internet browser. All 3rd orhigher generation browsers are suitable.

2. Go to ”File” in the menu bar and select”Open Page”.

3. Browse to your output directory and se-lect the file ”index.html”. Your resultswill be displayed.

7.2 Features in the Output HTML-Map

You can use the following features in the out-put map:

• zooming up to 1600 %

• paning by using the arrows at the mapframe

• changing the location within the mapby choosing the wished region in theoverview map. The current extent ofthe map is marked by a red rectangle.

• switch on and off the overview map

• call the legend in a new window

• click on the objects and show the at-tributes for them or proceed the prede-fined click actions. The clicked objectsare highlighted in the map window, sothat you can easily see, which objectyou’ve choosen.

• activate the print preview

• search for objects (notation search or as-sisted by list of links)

Note: Feature highlighting is only avail-able in Internet Explorer with enabledJavaScript.

7.3 Publish your results on a web-server or a CD

To transfer your results from the local disc to yourwebserver you need FTP Software like Cute FTP,WS FTP. FTPVoyer.

1. It is a good idea to add a new subdirectoryto your homepage.

2. FTP all files and subdirectories of yournewly created output directory to the newlocation.

3. To link your newly created maps from an-other page just link the frameset, which is”index.html”. Do not worry about the num-ber of files that have been created by HTMLImageMapper.

To publish your results on CD do it the same waywithout the FTP. Just link the ”index.html” file.

Please feel free to contact us via e-mail ([email protected]) or via our web site to give feed-back and get your questions answered.

28


7.4 Features of the HTML Page

7.4.1 Print

The printing feature allows printing the currentmap with the corresponding legend and overviewmap. After pressing the print button you canenter a title for the document. If you wish aprintout without title, keep it blank and pressCANCEL.

29


7.4.2 Object search

By using the search feature you can search forobjects by their names. First you will be invitedto enter a search string in the search for field.Then click on the search button or press enter.You will receive a list of objects which match toyour query. Now you can select the requested ob-ject. Press ”enter” again or a click on ”show” willdisplay the object in full extent and in best zoomlevel. The searched object will also be highlighted.

Search options:

Enabling exact phrase:If you have checked the field ”exact phrase”ImageMapper will search for the exact term youhave entered.

Enabling case sensitive:Lower and upper case is respected with casesensitivity turned on.

Searching with blank search field:If you perform search with a blank field allsearchable objects will be listed.

Performing search by using the initialletters:All objects, starting with the entered letter willappear in the result list.

Performing search by using wild cards:The symbol ∗ replaces all letters before and after

the entered letter. The symbol . replaces exactlyone letter.

Performing search by using OR function:By using the symbol | you can search for objectsfulfilling different criteria. If you use this possibil-ity all objects will be displayed which comply atleast one of these criteria. e.g. a∗|d∗ will find allobjects which start with a or d.

Note: If you want to use the OR functionyou have to enter the terms one after an-other without any blanks between the termsand the OR function |.

30


7.4.3 Advanced options for ”highlighting”

After generating the map you can take fur-ther settings to change the appearance of thehighlighting. Therefore you have to modifythe java script ”config.js” with a text editor.The file is located in the folder ”map” whichis created by ImageMapper.Note: Highlighting is only possible with In-ternet ExplorerYou can change the red marked values tomodify the appearance of highlighting.

The first three values represent the red,green and blue part of the highlighting filling(integers between 0 and 255 are allowed).

The following three values represent the colorof the highlighting border (integers between0 and 255 are allowed).

Possible values for the transparency level arebetween 0 and 1. The lower the values themore effective will be the transparency.

By changing the values at the end of the list-ing you modify the width of the border. Thesmaller the value, the smaller the width (val-ues from 1 to 10).

31


7.4.4 Modification of the HTML output

While building the HTML-map ImageMapper3.5 generates a stylesheet file which deter-mines the appearance of the map. With onlya few settings you can customize the output’sappearance.

You can find this stylesheet (formate.css) inthe map-folder of your ImageMapper output.It can be opened and modified with anytexteditor.

The passages in the text between /∗ and ∗/give further informations about each editableparameter. They don’t have any influences onthe HTML sites.

Editable classes:

• background color

• font size

• font style

• font color

• text alignment

• the table’s border width

• the table’s border color

• cell-padding

• rollover effects for the navigation-barand the hyperlinks (e.g. highlighting)

32


CSS classes and what they affect

Subsequently the most important property notations are explained.

Modifications of the CSS for the title area (imaptitle.html)

33


Modifications of the CSS for the attribute area (X dbfX.html)

Modifications of the CSS for the map area (mXXXXX.html)

34


Modifications of the CSS for the search area (SEARCH.HTML)

35


8 Restriction of partial version

• Restriction of the demo and educational version

36


8.1 Restrictions of the demo-version

The Demo Version is valid for 30 days. Thetime runs from the day of installation.During those 30 days the version has the fol-lowing restrictions:

1. You cannot link to a database.

2. The text in the comment box under”Author and Copyright Information”cannot be changed.

3. You cannot load batch files.

4. Every eighth generated image-tile willshow the hint of using the demo-version.

5. Every ninth generated image-tile will letopen an dialogue-window showing thehint of using the demo-version.

After the 30 days evaluation time, the HTMLImageMapper 3.5 will still be working. How-ever there will be a link to the alta4 homepagein the attribute table. The information forthat field will be missing.

In all cases you are not permitted to use theHTML ImageMapper 3.5 for commercial pur-poses. You are permitted to publish mapsthat have created with a demo version. How-ever you are not allowed to delete or changethe note ”Created with HTML ImageMapper3.5 by alta4”.

8.2 Restrictions of the edu-version

This version is valid until the end of thecalendar year. During this time your versionhas no restrictions in its functionality apartfrom the fact that the content of the ”com-ment” field cannot be changed. ImageMapper3.5 will not work fully after the version hasexpired.

You are not permitted to use an HTML Im-ageMapper 3.5 educational license for com-mercial purposes.

37


9 Appendix

• HTML ImageMapper 3.5 License Agreement

38


HTML ImageMapper (alta4) License Agreement

Software License Agreement

This is a legal agreement between you, the enduser, and alta4 Geoinformatik AG (alta4). Byclicking on the ”I Accept” button in the instal-lation dialog you are consenting to the termsof this license. If you do not agree to the termsof this non-exclusive License Agreement, DONOT INSTALL THE SOFTWARE. For a fullrefund, return all materials within seven (7)days to the place where you obtained them.

1. DEFINITIONS:

As used in this License Agreement,”Software” means the computer pro-grams either contained on the media inthe package, or which you have down-loaded, together with any additionalalta4 proprietary programs, updates orrevisions subsequently licensed by you.”Related Materials” means all of theprinted materials and whatever is in thepackage for use with the Software. ”Li-cense” means the grant of certain lim-ited rights to use and maintain the Soft-ware and Related Materials.. ”NamedUser” means (i) a named person or (ii) asingle terminal or a single workstation ofa computer used only by a person (andnot accessed otherwise). In order to pre-serve and protect its rights under appli-cable law, alta4 is not selling you own-ership right to Software. alta4 specifi-cally retains title to all alta4 Softwareand Related Materials, and alta4 licen-sors retain title to items owned by them.

2. SINGLE USE LICENSE: USES PER-MITTED:

Software may be used only by a per-son (and not accessed otherwise) on asingle computer. Software may be in-stalled onto a hard disk drive. TheSoftware may also be stored or installedon a storage devices such as a networkserver used only to install or access theSoftware on your other computers overan internal network; however, you must

have acquired a license for each separatecomputer on which the Software is in-stalled or accessed from the storage de-vices. A user license of Software may notbe shared or used concurrently on differ-ent computers. One backup copy maybe made for each legally obtained me-dia copy of downloaded copy you havereceived, provided that all alta4 andthird party licensor information includ-ing copyright notices are maintained,and possessions of the copy retainedby you in a secure location. In addi-tion, you agree to use reasonable effortsto protect the Software from unautho-rized use, reproduction, distribution orpublication. All rights not specificallygranted in the License are reserved byalta4.

3. SITE LICENSE: USES PERMITTED:

Software may be used by all personsassociated with licensed company (andnot accessed otherwise) on a all com-puters of licensed company. Softwaremay be installed onto a hard disk drive.The Software may also be stored or in-stalled on a storage devices such as anetwork server used to install or accessthe Software on other computers of li-censed company over an internal net-work; one backup copy may be madefor each legally obtained media copy ofdownloaded copy you have received, pro-vided that all alta4 and third party li-censor information including copyrightnotices are maintained, and possessionsof the copy retained by Licensed Com-pany in a secure location. In addition,Licensed Company agrees to use reason-able efforts to protect the Software fromunauthorized use, reproduction, distri-bution or publication. All rights notspecifically granted in the License are re-served by alta4.

4. SINGLE USER LICENSE AND SITELICENSE: USES NOT PERMITTED:

39


Unless otherwise agreed to in writingwith alta4, you may not

(1) Make derivative works including butnot limited to translation, adaptations,arrangement or any other alternation(each of which you would become theproperty of alta4 or its licensors, as ap-plicable) or make copies of the Software,except as permitted above;

(2) Make copies of the Related Materi-als;

(3) Use any alta4 product to translatethe product of another licensor unlessyou have the legal right to do so;

(4) Allow a grater number o users toaccess the Software at any one timethan the total number of uses licensesof which you have paid;

(5) Rent, lease, sublicense or lend theSoftware; Software Copies; Related Ma-terials or your rights under the Licenseor allow access to the Software for un-licensed internal users; (6) Allow thirdparties to access the Related Materialsor your rights under this License or al-low access to the Software for unlicensedinternal users;

(6) Allow third parties to access theSoftware through any means to obtainreports, maps or other output (EX-CEPT IF YOUR SOFTWARE IS LI-CENSED AS A SERVER FOR UN-LIMETED EXTERNAL (INCLUDINGINTERNET) USE);

(7) Alter, decompile (except to the lim-ited extent that decompilation by li-censed user only, is necessary as the onlyavailable way to achieve interoperabilitywith other programs, and in that situ-ation, any resulting information cannotbe used in developing, producing or mar-keting any software substantially simi-lar in expression to the alta4 product),disassemble or reverse-engineer the Soft-ware;

(8) Make any attempt to unlock or by-pass any initialisation system, or systemdesigned to control Site License Users,

or encryption techniques utilized by theSoftware; or

(9) Alter, remove or obscure any pro-prietary legend, copyright or trademarknotice contained in or on Software or Re-lated Materials.

5. DURATION:

This License Agreement is effective fromthe day you open the sealed media pack-age or download and continues until ter-minated. If you fail to comply with anyprovision of the License, termination isautomatic , without notice from alta4and without the necessity for recourseto any judicial authority. Upon termina-tion, you must destroy the written mate-rials and the Software. alta4 con also en-force its other legal and equitable rights.

6. GENERAL:

This Agreement represent our entireunderstanding and agreement regardingthe Software, and Relates Materialsa, and supersedes any prior purchaseorder, communications, advertising orrepresentation, and may only be mod-ified in a written amendment signedby an authorized alta4 representativeor by a specific prior or subsequentwritten agreement between the parties.If any provision of this Agreementshall be unlawful, void or for anyreason unenforceable, that provisionshall be deemed severable from, andshall in no way affect the validity or en-forceability of, the remaining provisions.

LIMITED WARRENTY:

7. COVERING THE PHYSICAL MEDIAAND PRINTED MATERIALS:

Alta4 warrants to you, the original li-censee, that the media on which theSoftware is recorded and free from de-fects in materials and workmanship un-der normal use and serve FOR A PE-RIOD OF NINETY (90) FROM THE

40


DATE OF LICENSE PURCASE as evi-denced by a copy of the receipt. Alta4’sentire liability and your exclusive rem-edy as to defective media or Related Ma-terial(s) shall be, at alta4’s option, ei-ther return of the license purchase priceor replacement of the media or RelatedMaterials(s). Each defective item, alongwith proof of license purchase and date,must be sent in a traceable manner, toalta4 Geoinformatik AG, Frauenstr. 8-9, D-54290 Trier, Germany.

8. DISCLAIMER REGARDING THESOFTWARE, DATA AND RELATEDMATERIALS:

The Software and the Related Materi-als are provide ”as is”. Except as mayotherwise be expressly set forth herein,alta4 makes no representations or war-ranties, express or implied with respectto the Software or Related Materials, in-cluding by way of example and not lim-itation, the implied warranties of title,merchantability and fitness for a partic-ular purpose. By way of further exam-ple and not limitation, alta4 makes norepresentations or warranties, express orimplied, with respect to the accuracy, re-liability or completeness of the relatedmaterials. The entire risk as to the useof the software, the data and the re-lated materials is assumed by you. Inno event shall alta4 be liable to youor any other person, regardless of thecause, for the effectiveness or accuracyof the Software the related materials orfor any special, indirect, incidental orconsequential damages arising from oroccasioned by your use of the Softwareor the related materials, even if advisedof the possibility of such damages. Inthe event the foregoing is found by acourt of competent jurisdiction to be in-effective, you hereby agree that alta4’smaximum liability for any claim arisingin connection with the software or therelated materials (whether in contract,tort, including negligence, product lia-bility or otherwise) shall not exceed thelicense fees paid by you with respect to

the software and/or Related Materialsat issue. Some states do not allow thelimitation or exclusion of incidental orconsequential damages, so the foregoingprovision with respect to excluding orlimiting such damages by not apply toyou.

9. ACKNOWLEDGEMENT:

You acknowledge that you have readthis LIMED WARRENTY, understandit, and agree to be bound by its termsand conditions. You also agree that

(1) No oral or written information or ad-vice given by alta4, its dealers, distrib-utors, agents or employees shall in anyway increase the scope of this LimitedWarranty, and you may not rely on anysuch information or advice.

(2) Unless a written governing agree-ment signed by you and alta4 exists,this License Agreement is the completeand exclusive statement of agreement ofalta4 and you, and supersedes all pro-posals, oral or written, and any othercommunications you may have had priorto purchasing your license.

(3) Except for the price and deliv-ery terms agreed upon by both par-ties, the terms and conditions of this Li-cense Agreement shall supersede thoseset forth in any purchase order wherethe purchase order conflicts or is incon-sistent with or adds to the terms andconditions of this License, and those su-persedes purchase order terms and con-ditions shall be null and void.

(4) If your organization has purchased amultiple user License, you agree to as-sure that copies of this License Agree-ments are distributed, read and agreedto by each person using a licensed prod-uct.

10. GOVERNING LAW:

This Agreement shall be governed bythe laws of the Federal Republic of Ger-many. Place of jurisdiction is Trier, Ger-many.

41


For any questions regarding the software andthe license agreement, please contact alta4:

alta4 Geoinformatik AGFrauenstrae 8+9D-54290 TrierGermanyhttp://[email protected]

42


10 Authorized resellers of alta4 software

United States:

IDAS - International DevelopmentAdvisory Services Inc.Contact: Bernard Spinrad, Presidente-mail: [email protected] Coral Way, Suite BMiami, FL 33145phone: (305) 665-8303fax: (786) 552-6359web: http://www.idasnet.com

High Desert Geo-Technologies, Inc.Contact: Ronda Halvorsen-Fernse-mail: [email protected] SW Simpson Avenue, Suite 104Bend, Oregon 97702phone: +1-(541) 322-2047fax: +1-(541) 322-2095web: http://www.hdgt.net

Decision Support Service496 Congress StreetPortland, ME 04101phone: 888-840-6100fax: 207-253-5736web: http://www.dsslink.come-mail: [email protected]

GeoCaribeNigel ”Ricky” MarshallManaging Directore-mail: [email protected] 9, Business Develpoment Centre,Fontabelle, St. Michael, BARBADOSphone/fax: (246) 429-8303http://www.geocaribe.com

klima consulting & geo-marketinga-1010 wien, kramergasse 1/12fon + fax: +43 (0)1 600 72 04mobil: +43 (0) 699 100 80 356eMail: [email protected]://www.klima.co.at

Europe:

SWEGISContact: Mikael Elmquiste-mail: [email protected] B̊adhusgatan 18-2041121 GoeteborgSweden phone: 46.31.7085652fax: 46.31.7085653http://www.swegis.com

IGEContact: Philippe Rapaporte-mail: [email protected] chemin Canto Laouzeto31100 ToulouseFrancephone: +33 (0)5 61 86 81 49fax : +33 (0)5 61 86 09 23http://www.ige-fr.com

Infraplan Barcelona, SLConsell de Cent 391, 2-2 B08009 Barcelona Spainphone: +34 934 870 182fax: +34 932 152 936http://www.infraplan.ese-mail: [email protected]

HNIT BALTIC GEOINFOSERVISASS. Konarskio 28aVilnius, LT-2009Lithuaniaphone: +370-5-2150575phone: +370-5-2150576http://www.hnit-baltic.lte-mail: [email protected]

Germany:

alta4 - Geoinformatik AGFrauenstrasse 8+954290 Trierphone: 0651.96626-0fax: 0651.96626-26http://www.alta4.de

43


e-mail: [email protected]

SYNERGISInformationssysteme GmbHGerbersruh Strasse 269168 Wieslochphone: 06222.5731.0fax: 06222.5731.31http://www.synergis.dee-mail: [email protected]

CAS BambergDipl.-Ing. Dieter RuscheHolzmarkt 896047 Bambergphone: 09 51 / 2 08 48-73fax: 09 51 / 2 08 48-76e-mail: [email protected]://www.cas-bamberg.de

IP Syscon GmbHTiestestr. 16-1830171 Hannoverphone: 05118.503030fax: 05118.50303-30http://www.infraplan.dee-mail:[email protected]

GeoVentis GmbHContact: Andreas MeyerAn der Erschollm”uhle 2864297 Darmstadtphone: 06151.9456.51fax: 06151.9456.80e-mail: [email protected]: http://www.geoventis.de

44

Documents

HTML ImageMapper 3.5