OCAD Internet Map: Unterschied zwischen den Versionen

Version vom 6. September 2012, 11:26 Uhr

Export OIM

Choose Export OCAD Internet Map from File menu to export the map as OIM (OCAD Internet Map). With OIM you can publish big OCAD maps on internet. You can insert the OCAD Internet Map to a HTML file.

Resolution: Enter here the resolution of the GIF (for Java) or JPG (for Flash) file.
Part of map: Activate this check box to export a part of the map. The map section will be shown with a rectangle on the drawing window. You can alter the rectangle with the mouse.

Click the button Setup

to define the part of map to be exported by coordinates. The dialog box Setup Part of Map (Export) appears.

Click the button Entire map

to export the entire map.

Click the button To current view

to export the currently on the screen displayed map.

If this check box is not active the entire map will be exported.

It is also possible to choose a defined format like A4 landscape.

-> Click Export. The OIM Export Assistand dialog box appears:

OIM Export Assistant

General project settings

Map title - Heading of the map
Map subtitle - may be a copyright statement or similar
Base Map Layout

Base Layer Name - Name of the map (e.g. Citymap of Baar)

Edit layer enable - Enables the users the ability to draw on the map

Searchbox enable - Search for POI's (only works with PHP - Support)

Zoom levels, calculated from map size and DPI (maximum possible zoom levels)

Create tiles (need to be selected, otherwise only the meta files are created)

-> Click Next

General project settings
Zoomlevel settings

Zoomlevel settings

Select Zoom from and Zoom to levels which are created. Be aware that the overview map need a zoom level 0.

Generated levels are highlighted green, not created levels are grayed out. If the file is not found it is highlighted in red.

Relink - change the folder of all maps
Change - change the map for the selected zoomlevel
Reset all to current file - currently opened file is taken for all zoomlevels

-> Click Next

Layout and functionality settings

Controll Options:

Show Layer Selector - enables the user select different POI groups
Show Overview Map - enables the overview map feature

Maximize overview map - shows the map maximized by default

Show Coordiantes - show coordinates in the lower right corner
Show Permalink - enables the user the ability to link to a specific zoom, map view and layers

Color and Size Settings:

Header Font Color - color of the map title
Header Background Color - background of the map title
Subheader Font Color - color of the map subtitle
Subhead Background Color - background of the map subtitle
Border Color - border color of the map
Site Background Color - general site background

Font Size - font size of the map title
Subheader font Size - font size of the map subtitle (e.g. copyright)
Border width - thickness of the border

Layout and settings of the OCAD Internet Map

-> Click Next

Points of interrest (POI)

Overview about all POI's exported

Choose Add, the POI Selector dialog box appears:

POI configuration of data source

Title - name of the layer
Dataset - dataset to choose from
Condition
Location field - name
Point of Interest Type:

-Point (Vector) - POI's are drawn as yellow dot on the map

-Icon (Information Bubbles) - POI's are represented with the provided icon file

-> Click Next

POI Icon Settings (if choosen)

Icon Settings (only if icon is chosen in the previous step):

Icon - Path to the file (red background if file not found)
Icon Offset - offset from the anchor point
Icon Size - size of the icon (only in html, image will not be resized)

-> Click Next

POI Datafields

Short description - db field containing for short description (important for search)
Description - db field containing description in the info bubble or in the right info box
URL field - db field containing the URL's
Link name - db field containing a link name - if URL should be shown select the same as in URL
Link target - link target for the browser

-> Click Finish

POI configuration of data source
POI Icon Settings (if choosen)
POI Datafields

Choose a directory and Save file. To see the internet map open the *.html file with double click in the browser.

The search functionality only works on a server with PHP support otherwise the error message AJAX error: 0 occurs.

On the site HTML Entities the supported and convertable HTML characters can be seen.

More advanced functions can be scripted. Examples can be found under OIM scripting

Example of an OCAD Internet Map export: Baar city map

Previous Chapter: Server Client

Next Chapter : Tutorials

Back to Main Page

@@ Zeile 1: / Zeile 1: @@
-==Export OIM==
+==Export OIM [[File:Space.PNG]][[File:Pro40px.PNG|This function is available in OCAD 11 Professional.|link=https://www.ocad.com/en/products/ocad-for-cartography]]==
 [[File:Export.PNG]]
@@ Zeile 24: / Zeile 24: @@
 ====General project settings====
-{| style="float:right; background:transparent; padding:0px; margin:0px;"
+* Map title - Heading of the map
-|- valign="top"
+* Map subtitle - may be a copyright statement or similar
-|[[File:OIMExportAssistant1.PNG]]
-|}
-* Map title
-* Map subtitle
 * Base Map Layout
-:Base Layer Name
+:Base Layer Name - Name of the map (e.g. Citymap of Baar)
-: Edit layer enable
+: Edit layer enable - Enables the users the ability to draw on the map
-: Searchbox enable
+: Searchbox enable - Search for POI's (only works with PHP - Support)
-: Zoom levels, calculated from map size and DPI
+: Zoom levels, calculated from map size and DPI (maximum possible zoom levels)
-* Do not create Tiles
+* Create tiles (need to be selected, otherwise only the meta files are created)
 -> Click '''Next'''
+<gallery widths=400px heights=400px>
+File:OIMExportAssistant1.PNG|General project settings
+File:OIMExportAssistantZoomLevels.PNG|Zoomlevel settings
+</gallery>
 ====Zoomlevel settings====
-'''Relink''' or '''Change''' files of different zoom level.
+Select '''Zoom from''' and '''Zoom to''' levels which are created. Be aware that the overview map need a zoom level 0.
+Generated levels are highlighted green, not created levels are grayed out. If the file is not found it is highlighted in red.
+* '''Relink'''  - change the folder of all maps
+* '''Change'''  - change the map for the selected zoomlevel
+* '''Reset all to current file''' - currently opened file is taken for all zoomlevels
 -> Click '''Next'''
@@ Zeile 50: / Zeile 55: @@
 '''Controll Options:'''
-* Show Layer Selector
+* Show Layer Selector - enables the user select different POI groups
-* Show Overview Map
+* Show Overview Map - enables the overview map feature
-* Show Coordiantes
+:*Maximize overview map - shows the map maximized by default
-* Show Permalink
+* Show Coordiantes - show coordinates in the lower right corner
+* Show Permalink - enables the user the ability to link to a specific zoom, map view and layers
 '''Color and Size Settings:
-* Header Font Color
+* Header Font Color - color of the map title
-* Header Background Color
+* Header Background Color - background of the map title
-* Subheader Font Color
+* Subheader Font Color - color of the map subtitle
-* Subhead Background Color
+* Subhead Background Color - background of the map subtitle
-* Border Color
+* Border Color - border color of the map
-* Site Background Color
+* Site Background Color - general site background
+* Font Size - font size of the map title
+* Subheader font Size - font size of the map subtitle (e.g. copyright)
+* Border width - thickness of the border
-* Font Size
+<gallery widths=400px heights=400px>
-* Subheader font Size
+File:MapLayout.PNG|Layout and settings of the OCAD Internet Map
-* Border width
+</gallery>
 -> Click '''Next'''
 ====Points of interrest (POI)====
+{| style="float:right; background:transparent; padding:0px; margin:0px;"
+|- valign="top"
+|[[File:OIMExportAssistantPOIOverview.png‎|thumb|left|400px|Overview about all POI's exported]]
+|}
 Choose '''Add''', the '''POI Selector''' dialog box appears:
-* Title
+===== POI configuration of data source =====
-* Dataset
+* Title - name of the layer
+* Dataset - dataset to choose from
 * Condition
-* Location field
+* Location field - name
 * Point of Interest Type:
-:: -Point (Vector)
+:: -Point (Vector) - POI's are drawn as yellow dot on the map
-:: -Icon (Information Bubbles)
+:: -Icon (Information Bubbles) - POI's are represented with the provided icon file
 -> Click '''Next'''
+===== POI Icon Settings (if choosen) =====
-Icon Settings:
+Icon Settings (only if icon is chosen in the previous step):
-* Icon
+* Icon - Path to the file (red background if file not found)
-* Icon Offset
+* Icon Offset - offset from the anchor point
-* Icon Size
+* Icon Size - size of the icon (only in html, image will not be resized)
 -> Click '''Next'''
-General Settings
+===== POI Datafields =====
-* Short description
+* Short description - db field containing  for short description (important for search)
-* Description
+* Description - db field containing description in the info bubble or in the right info box
-* URL field
+* URL field - db field containing the URL's
-* Link name
+* Link name - db field containing a link name - if URL should be shown select the same as in URL
-* Link target
+* Link target - link target for the browser
 -> Click '''Finish'''
-Choose direction and '''Save''' file. To see the internet map open the *.html file with double click in the browser.
+<gallery widths=200px heights=200px>
+File:OIMExportAssistantPOISelector.PNG‎ |POI configuration of data source
+File:OIMExportAssistantPOIIconSettings.png | POI Icon Settings (if choosen)
-* '''Zoom range:''' Enter the zoom range. Normally it is equal to the number of zoom levels.
+File:OIMExportAssistantPOIDatafields.png | POI Datafields
-* '''Zoom levels:''' The OCAD Internet Map in Java Applet or Flash consists of GIF or JPG files in different resolution. Enter the number of zoom level. The resolution for the minimum magnification will be set to fit the map in the window. The resolution of the maximum magnification is set according the field Resolution. The resolution in-between will be calculated in a logarithmic interval.
+</gallery>
-* '''Do not create tiles:''' Activate this option if you like to do only changes on the search function or on the hotspots without creating the map files newly.
-* '''Compress SVG:''' Activate this box to compress the SVG export file.
-* '''Layout:''' Choose this page to define the layout of the OCAD Internet Map.
-* '''Overview size:''' On internet map an overview map appears upper right. Enter here the Width and Height of the overview in pixels.
-* '''Border width:''' Enter here the border width of the internet map in pixels. The default value is 5 pixels.
-* '''Fill color:''' Click on this button to change the background color. The Color dialog appears.
-'''Maps:''' Choose this page to choose the maps.
-The list shows one line for each zoom level. For each zoom level you can choose a map file to be used for this zoom level. The first line shows the map for the lowest magnification, the last line the map for the highest magnification.
-If you do not make any change, the actual map is used for all zoom levels. If you want to use different maps for lower magnifications, you can choose here the desired map. To change the map file double click the corresponding line or select the line and click '''Change'''.
-OCAD adjusts the maps using real world coordinates. When creating a special map for the lower magnifications, you should use '''Change Scale''' from the '''Map menu'''. This guarantees that scale and real world coordinates for the maps are correct.
-* '''Change:''' Click this button to change the map file for the selected zoom level.
-* '''Find:''' Choose this page to create a '''Find''' function for the Internet map. The Find function lets the user find street names, for example. OCAD will add a find box in the HTML file, where a name can be selected. For more information about calling the functions of the OCAD applet see the demo at
-: [http://www.ocad.com/demo/scriptdemo.htm scriptdemo].
-:To add a Find function, the corresponding objects must be linked to a database. See '''Creating''' a '''New Database Table''' for information on how to create a table and to link the objects.
-* '''External scripting (JavaScript): ''' Activate this box if you want the scripting for the Java applet in the HTML file. Otherwise the scripting functions are in the Java applet.
-* '''Add:''' Click this button to add a find box or hotspots to the HTML file. The Edit Find/Hotspots dialog box appears.
-* '''Edit:''' Click this button to edit the selected find box or hotspots. The Edit Find/Hotspots dialog box appears.
-* '''Remove:''' Click this button to remove the selected find box or hotspots.
-* '''Label for the selected box:''' Enter here the label for the selected box.
-* '''Label for the find box:''' Enter here the label for the find box.
-'''Hotspots'''
-''(This function is only available in OCAD Professional!)''
-Choose this page to add hotspots to the Internet map. Hotspots appear in programmable shape and color on the map. If the user clicks on a hotspot, the corresponding document will be displayed.
-OCAD writes the code for the hotspots to the HTML file. This is intended as sample code. You may copy this code to your HTML file and make changes according to your needs.
-To add hotspots, the corresponding objects must be linked to a database. See '''Creating a New Database Table''' for information on how to create a table and to link the objects.
-'''Title'''
-Enter here the title for the hotspots and find function. The title appears in OIM map.
-:''' Dataset:'''	Select here the dataset which connects to a table with the URLs (www addresses).
-:''' Condition:''' 	Enter here the condition for the find objects.
-:''' Name field: ''' Select here the field in the table which contains the names for the find function.
-:''' Pointer:''' Choose here the pointer type and the color for the find objects.
-'''Hotspots'''
+Choose a directory and '''Save''' file. To see the internet map open the *.html file with double click in the browser.
-:''' Show hotspots:''' Activate this box to add hotspots to the Internet map.
-:''' URL field:''' Select here the field in the table which contains the URL.
-:You can add absolute URLs starting with http:, ftp:, file: or mailto: URLs which do not start with one of these prefixes are treated as local addresses. They must be in the same folder as the applet or in a subfolder of it.
+The search functionality only works on a server with PHP support otherwise the error message '''AJAX error: 0''' occurs.
-'''Examples:'''
+On the site [[HTML_Entities| HTML Entities]] the supported and convertable HTML characters can be seen.
-: http://www.ocad.com
-: mydoc.html
-: mysubfolder/mysubfolderdoc.html
-: '''Database queries:'''
-: You can create database queries with '''Prefix''' and '''URL field'''. For example:
-: Prefix: http://www.ocad.com/page.php?id=
-: URL-ID: database id
-: Prefix:		Enter here the prefix for all URLs.
-: Postfix: 	Enter here the postfix for all URLs.
-: Target: 	Normally the document will be displayed in a new window. However it is possible to display it in a frame. Enter here the frame name or select one of the following targets:
-: - _blank: Open page in new window.
-: - _parent: open page in parent window of the frame.
-: - _self: Open page in the same window.
-: - _top: Open page in top window.
-: '''Hint field:''' 	Select here the field in the table which contains the names for the hints.
-: '''Type:''' 		Choose here the hotspot symbol type.
-: '''Color:''' 		Choose the hotspot color.
-: '''Show in zoom levels:''' Select here in which zoom levels the hotspot should appear.
+More advanced functions can be scripted. Examples can be found under [[OCAD_Internet_Map_scripting | OIM scripting]]
+Example of an OCAD Internet Map export: [http://ocad.com/demo/OIM_baar_web/OpenStreetMapBaar_example.html Baar city map]
 Previous Chapter: [[Server Client]]
-Next Chapter : [[Workflows]]
+Next Chapter : [[Tutorials]]
 Back to [[Main Page]]

OCAD Internet Map: Unterschied zwischen den Versionen

Version vom 6. September 2012, 11:26 Uhr

Inhaltsverzeichnis