OCAD Internet Map: Difference between revisions

From OCAD 12 Wiki - English
Jump to navigation Jump to search
(Created page with '==Export OIM== Choose this command to export the map as OIM (OCAD Internet Map). After clicking OK, a file dialog box is displayed where you can enter a filename for the expor…')
 
Line 55: Line 55:


* '''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  
* '''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].
: [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.
: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.



Revision as of 12:47, 2 September 2011

Export OIM

Choose this command to export the map as OIM (OCAD Internet Map). After clicking OK, a file dialog box is displayed where you can enter a filename for the exported map. With OIM you can publish big OCAD maps on internet. OIM supports the Java- Flash and SVG format. 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.
  • Partial 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 setup to define the partial map to be exported by coordinates. The dialog box Setup Partial Map (Export) appears.
Click the button Entire map entire map to export the entire map.
Click the button To current view 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.


Export OCAD Internet Map

  • Type: OCAD supports 3 formats for internet maps.

Java Applet: Activate this radio button to create an OIM in Java.

The java OIM consists basically of a java applet (contained in OCAD.jar), multiple GIF files (map tiles) and the XML parameter file. An HTML file will be created as an example how to include the applet in your web page.
The export to an OCAD internet map creates a lot tiny files. It is recommended to create its own folder. In the dialog box where you enter the file name click the button to create a new folder. The file name shouldn't contain any umlaut, space or other special characters! To post the map to the internet upload all created files to the web server. You shouldn't upload the original OCD file.
Most web browser supports java. To some extent the java function are disabled for security reason.

Flash: Activate this radio button to create an OIM in Flash.

The Flash OIM consists basically of a Flash file (OCAD.swf), multiple JPG files (map tiles) and the XML parameter file. An HTML file will be created as an example how to include the flash map in your web page.
The export to an OCAD internet map creates a lot tiny files. It is recommended to create its own folder. In the dialog box where you enter the file name click the button to create a new folder. The file name shouldn't contain any umlaut, space or other special characters! To post the map to the internet upload all created files to the web server. You shouldn't upload the original OCD file.
Most web browser supports Flash.

SVG: Activate this radio button to create an OIM in SVG. SVG (Scalable Vector Graphics) is a programming language to describe two-dimensional vector graphic in XML. Due to the fact that SVG is a XML application it is possible to open and edit it with a text editor.

The SVG OIM consists basically of a SVG map file, two JavaScript files (selectionList.js.gz and oim_svg_script.js) and the GIF outline map. An HTML file will be created as an example how to include the SVG map in your web page.
The file name shouldn't contain any umlaut, space or other special characters! To post the map to the internet upload all created files to the web server. You shouldn't upload the original OCD file.
Most of the web browser doesn't support SVG by default. To display a SVG graphic it is necessary to install a SVG plug in your web browser. The SVG Viewer is such a plug in which Adobe provides for free.
Link: http://www.adobe.com/svg/
  • Zoom range: Enter the zoom range. Normally it is equal to the number of zoom levels.
  • 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.
  • 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
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

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.


Examples:

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.