Difference between revisions of "OCAD Internet Map"

From OCAD 12 Wiki - English
Jump to: navigation, search
(Export OIM File:Space.PNGThis function is available in OCAD 11 Professional.|link=https://www.ocad.com/en/products/ocad-for-cartography)
Line 7: Line 7:
 
With OIM you can publish big OCAD maps on internet. You can insert the OCAD Internet Map to a HTML file.
 
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.
+
* '''Resolution:''' Enter here the resolution for the map tiles (GIF).
 
* '''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.
 
* '''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 [[File:Setup.JPG|setup]] to define the part of map to be exported by coordinates. The dialog box Setup Part of Map (Export) appears.
+
: Click the Setup button [[File:Setup.JPG|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 [[File:EntireMap.JPG|entire map]] to export the entire map.
+
: Click the Entire map button [[File:EntireMap.JPG|entire map]] to export the entire map.
: Click the button To current view [[File:ToCurrentView.JPG|to current view]] to export the currently on the screen displayed map.
+
: Click the To current view button [[File:ToCurrentView.JPG|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.
 
: If this check box is not active the entire map will be exported.
  
 
[[File:Hint.jpg]] It is also possible to choose a defined format like A4 landscape.
 
[[File:Hint.jpg]] It is also possible to choose a defined format like A4 landscape.
  
-> Click '''Export'''. The OIM Export Assistand dialog box appears:
+
-> Click '''Export'''. The '''Export OCAD Internet Map''' dialog box appears.
  
 
+
===OCAD Internet Map (OIM) Export Wizard===
=== OIM Export Assistant ===
+
  
 
====General project settings====
 
====General project settings====
  
* Map title - Heading of the map
+
* Map title - heading of the map
 
* Map subtitle - may be a copyright statement or similar
 
* Map subtitle - may be a copyright statement or similar
* Base Map Layout
+
 
:Base Layer Name - Name of the map (e.g. Citymap of Baar)
+
'''Base map layout:'''
: Edit layer enable - Enables the users the ability to draw on the map
+
: Base layer name - name of the map (e.g. Citymap of Baar)
: Searchbox enable - Search for POI's (only works with PHP - Support)
+
: Edit layer enable - enables the users the ability to draw on the map
: Zoom levels, calculated from map size and DPI (maximum possible zoom levels)
+
: Searchbox - search for POI's (works only with PHP support)
* Create tiles (need to be selected, otherwise only the meta files are created)
+
: Zoom levels (calculated from map size and DPI) - Maximum possible zoom levels
 +
* Create tiles - need to be selected if the map tiles should be created, otherwise only the meta files are created
  
 
-> Click '''Next'''
 
-> Click '''Next'''
Line 40: Line 40:
 
</gallery>
 
</gallery>
  
====Zoomlevel settings====
+
====Zoom level settings====
  
 
Select '''Zoom from''' and '''Zoom to''' levels which are created. Be aware that the overview map need a zoom level 0.  
 
Select '''Zoom from''' and '''Zoom to''' levels which are created. Be aware that the overview map need a zoom level 0.  
Line 47: Line 47:
  
 
* '''Relink'''  - change the folder of all maps
 
* '''Relink'''  - change the folder of all maps
* '''Change'''  - change the map for the selected zoomlevel
+
* '''Change'''  - change the map for the selected zoom level
* '''Reset all to current file''' - currently opened file is taken for all zoomlevels
+
* '''Reset all to current file''' - currently opened file is taken for all zoom levels
  
 
-> Click '''Next'''
 
-> Click '''Next'''
Line 54: Line 54:
 
====Layout and functionality settings====
 
====Layout and functionality settings====
  
'''Controll Options:'''
+
'''Control Options:'''
* Show Layer Selector - enables the user select different POI groups
+
* Show layer selector - enables the user select different POI groups
* Show Overview Map - enables the overview map feature
+
* Show overview map - enables the overview map feature
:*Maximize overview map - shows the map maximized by default
+
: Maximize overview map - shows the map maximized by default
* Show Coordiantes - show coordinates in the lower right corner
+
* Show coordinates - show coordinates in the lower right corner
* Show Permalink - enables the user the ability to link to a specific zoom, map view and layers
+
* Show permalink - enables the user the ability to link to a specific zoom, map view and layers
  
'''Color and Size Settings:
+
'''Color and Size Settings:'''
* Header Font Color - color of the map title
+
* Header font color - color of the map title
* Header Background Color - background of the map title
+
* Header background color - background of the map title
* Subheader Font Color - color of the map subtitle
+
* Sub header font color - color of the map subtitle
* Subhead Background Color - background of the map subtitle
+
* Subhead background color - background of the map subtitle
* Border Color - border color of the map
+
* Border color - border color of the map
* Site Background Color - general site background
+
* Site background color - general site background
  
* Font Size - font size of the map title
+
* Font size - font size of the map title
* Subheader font Size - font size of the map subtitle (e.g. copyright)
+
* Sub header font size - font size of the map subtitle (e.g. copyright)
 
* Border width - thickness of the border
 
* Border width - thickness of the border
  
Line 79: Line 79:
 
-> Click '''Next'''
 
-> Click '''Next'''
  
====Points of interrest (POI)====
+
====Points of interest (POI)====
  
 
{| style="float:right; background:transparent; padding:0px; margin:0px;"
 
{| style="float:right; background:transparent; padding:0px; margin:0px;"
Line 86: Line 86:
 
|}
 
|}
  
Choose '''Add''', the '''POI Selector''' dialog box appears:
+
Choose '''Add''' to add a POI layer. The '''POI Selector''' dialog box appears:
  
 
===== POI configuration of data source =====
 
===== POI configuration of data source =====
Line 93: Line 93:
 
* Condition
 
* Condition
 
* Location field - name  
 
* Location field - name  
* Point of Interest Type:
+
* Point of interest type:
:: -Point (Vector) - POI's are drawn as yellow dot on the map
+
:: -Point (vector) - POI's are drawn as yellow dot on the map
:: -Icon (Information Bubbles) - POI's are represented with the provided icon file
+
:: -Icon (information bubbles) - POI's are represented with the provided icon file
  
 
-> Click '''Next'''
 
-> Click '''Next'''
  
 
===== POI Icon Settings (if choosen) =====
 
===== POI Icon Settings (if choosen) =====
Icon Settings (only if icon is chosen in the previous step):
+
Icon settings (only if '''icon''' is chosen in the previous step):
* Icon - Path to the file (red background if file not found)
+
* Icon - path to the file (red background if file not found)
* Icon Offset - offset from the anchor point  
+
* Icon offset - offset from the anchor point  
* Icon Size - size of the icon (only in html, image will not be resized)
+
* Icon size - size of the icon (only in html, image will not be resized)
  
 
-> Click '''Next'''
 
-> Click '''Next'''
  
  
===== POI Datafields =====
+
===== POI Data Fields =====
  
* Short description - db field containing for short description (important for search)
+
* Short description - database field containing short description (important for search)
* Description - db field containing description in the info bubble or in the right info box
+
* Description - database field containing description for the info bubble or the right info box
* URL field - db field containing the URL's
+
* URL field - database field containing the URL
* Link name - db field containing a link name - if URL should be shown select the same as in URL
+
* Link name - database field containing a link name - if the URL should be shown select the same as in URL
 
* Link target - link target for the browser
 
* Link target - link target for the browser
  
Line 120: Line 120:
 
<gallery widths=200px heights=200px>
 
<gallery widths=200px heights=200px>
 
File:OIMExportAssistantPOISelector.PNG‎ |POI configuration of data source
 
File:OIMExportAssistantPOISelector.PNG‎ |POI configuration of data source
File:OIMExportAssistantPOIIconSettings.png | POI Icon Settings (if choosen)
+
File:OIMExportAssistantPOIIconSettings.png | POI Icon settings (if chosen)
File:OIMExportAssistantPOIDatafields.png | POI Datafields
+
File:OIMExportAssistantPOIDatafields.png | POI Data fields
 
</gallery>
 
</gallery>
  
  
Choose a directory and '''Save''' file. To see the internet map open the *.html file with double click in the browser.
+
Choose a directory and '''Save''' the file. To see the exported internet map open the *.html file in the browser.
  
 
The search functionality only works on a server with PHP support otherwise the error message '''AJAX error: 0''' occurs.
 
The search functionality only works on a server with PHP support otherwise the error message '''AJAX error: 0''' occurs.

Revision as of 15:36, 4 December 2012

Export OIM Space.PNGThis function is available in OCAD 11 Professional.

Export.PNG


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 for the map tiles (GIF).
  • 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 Setup button setup to define the part of map to be exported by coordinates. The dialog box Setup Part of Map (Export) appears.
Click the Entire map button entire map to export the entire map.
Click the To current view 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.

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

-> Click Export. The Export OCAD Internet Map dialog box appears.

OCAD Internet Map (OIM) Export Wizard

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 - search for POI's (works only with PHP support)
Zoom levels (calculated from map size and DPI) - Maximum possible zoom levels
  • Create tiles - need to be selected if the map tiles should be created, otherwise only the meta files are created

-> Click Next

Zoom level 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 zoom level
  • Reset all to current file - currently opened file is taken for all zoom levels

-> Click Next

Layout and functionality settings

Control 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 coordinates - 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
  • Sub header 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
  • Sub header font size - font size of the map subtitle (e.g. copyright)
  • Border width - thickness of the border

-> Click Next

Points of interest (POI)

Overview about all POI's exported

Choose Add to add a POI layer. 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 Data Fields
  • Short description - database field containing short description (important for search)
  • Description - database field containing description for the info bubble or the right info box
  • URL field - database field containing the URL
  • Link name - database field containing a link name - if the URL should be shown select the same as in URL
  • Link target - link target for the browser

-> Click Finish


Choose a directory and Save the file. To see the exported internet map open the *.html file 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