OCAD Internet Map: Unterschied zwischen den Versionen

Aus OCAD 11 Wiki - Deutsch
Zur Navigation springen Zur Suche springen
 
(17 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 41: Zeile 41:
 
====Zoomstufen-Einstellungen====
 
====Zoomstufen-Einstellungen====
  
Selektieren Sie die '''Zoomen von''' und '''Zoomen bis''' Ebenen, die erstellt werden sollen. Die Übersichtskarte ist mit dem Zoomstufe 0 verbunden.  
+
Selektieren Sie die '''Zoomen von''' und '''Zoomen bis''' Zoomstufen, die erstellt werden sollen. Die Übersichtskarte ist mit dem Zoomstufe 0 verbunden.  
  
 
Erzeugte Stufen sind grün hinterlegt, nicht erzeugte Stufen grau. Falls die Datei nicht existiert, ist die Zeile rot hinterlegt.
 
Erzeugte Stufen sind grün hinterlegt, nicht erzeugte Stufen grau. Falls die Datei nicht existiert, ist die Zeile rot hinterlegt.
Zeile 51: Zeile 51:
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
  
====Layout and Functionality Settings====
+
====Layout- und Funktionalitätseinstellungen====
  
'''Control Options:'''
+
'''Kontrolloptionen:'''
* Show layer selector - enables the user select different POI groups
+
* Layerauswahl anzeigen - Aktiviert die Option, dass der Benutzer verschiedene Layer auswählen kann.
* Show overview map - enables the overview map feature
+
* Übersichtskarte anzeigen - Die Übersichtskarte kann auf der Internetkarte angezeigt werden.
: Maximize overview map - shows the map maximized by default
+
: Übersichtskarte maximieren - Die Übersichtskarte wird standardmässig eingeblendet.
* Show coordinates - show coordinates in the lower right corner
+
* Koordinaten anzeigen - Die Koordinaten sollen in der unteren rechten Ecke angezeigt werden.
* Show permalink - enables the user the ability to link to a specific zoom, map view and layers
+
* Permalink anzeigen - Aktiviert die Option, dass das Benutzer einen Link auf eine spezifische Kartenansicht bzw. Layer generieren kann.
  
'''Color and Size Settings:'''
+
'''Farb- und Grösseneinstellungen:'''
* Header font color - color of the map title
+
* Schriftfarbe des Titels - Farbe des Kartentitels
* Header background color - background of the map title
+
* Hintergrundfarbe des Titels - Hintergrundfarbe des Kartentitels
* Sub header font color - color of the map subtitle
+
* Schriftfarbe des Untertitels - Farbe des Untertitels
* Subhead background color - background of the map subtitle
+
* Hintergrundfarbe des Untertitels  - Hintergrundfarbe des Untertitels
* Border color - border color of the map
+
* Rahmenfarbe - Farbe des Kartenrahmens.
* Site background color - general site background
+
* Hintergrundfarbe der Seite - Allgemeine Hintergrundfarbe der Seite
  
* Font size - font size of the map title
+
* Schriftgrösse - Schriftgrösse des Kartentitels
* Sub header font size - font size of the map subtitle (e.g. copyright)
+
* Schriftgrösse des Untertitels - Schriftgrösse des Untertitels (z.B. copyright)
* Border width - thickness of the border
+
* Rahmenbreite - Breite des Kartenrahmens
  
 
<gallery widths=400px heights=400px>
 
<gallery widths=400px heights=400px>
File:ExportOimAssistant3Layout.png|Layout and settings of the OCAD Internet Map
+
File:ExportOimAssistant3Layout.png|Layout- und Funktionalitätseinstellungen
 
</gallery>
 
</gallery>
  
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
  
====Points of Interest (POI)====
+
====Points of Interest (POIs)====
 
 
 
{| style="float:right; background:transparent; padding:0px; margin:0px;"
 
{| style="float:right; background:transparent; padding:0px; margin:0px;"
 
|- valign="top"
 
|- valign="top"
|[[File:ExportOimAssistant4Pois.png‎|thumb|left|400px|Overview about all POI's exported]]
+
|[[File:ExportOimAssistant4Pois.png‎|thumb|left|400px|Points of Interest (POI's)]]
 
|}
 
|}
  
Choose '''Add''' to add a POI layer. The '''POI Selector''' dialog box appears:
+
Wählen Sie '''Hinzufügen''' um einen POI-Layer hinzuzufügen. Der Dialog '''POIs hinzufügen''' wird angezeigt:
 +
 
 +
* Titel - Name des Layers
 +
* Verbindung - Name der Datenbank-Verbindung
 +
* Bedingung - Möglichkeit, nur ein Auswahl der Datenbankeinträge anzuzeigen (z.B. JAHR > 2010)
 +
* Standortfeld - Datenbank-Feld mit der Positionsinformation
 +
* Point of Interest-Typ:
 +
:: -Punkt (Vektor) - POI's werden mit einem gelben Punkt auf der Karte dargestellt
 +
:: -Icon (Informationsblase) - POI's werden mit dem angegebenen Icon angezeigt
  
===== POI Configuration of Data Source =====
+
-> Klicken Sie '''Weiter'''
* 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 '''Weiter'''
+
===== POI Vector-Einstellungen (falls POI-Typ Punkt) =====
 +
Dieser Dialog wird nur angezeigt, falls im vorangehenden Fenster der POI-Typ '''Punkt''' gewählt wurde
 +
* Füllfarbe - Ausfüllung der Punkte
 +
* Linienfarbe - Randfarbe der Punkte
 +
* Point radius - Grösse der Punkte
 +
* Opazität - Transparents zer Füllfarbe
 +
* Opazität der Linienfarbe - Transparenz der Linienfarbe
  
===== POI Icon Settings (if choosen) =====
+
Wenn man beide werte auf 0 stellt sind die Farben für den OCAD Internet Maps benutzer unsichtbar.
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)
 
  
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
 
-> Klicken Sie auf die Schaltfläche '''Weiter'''
  
 +
===== POI Icon-Einstellungen (falls POI-Typ Icon) =====
 +
Dieser Dialog wird nur angezeigt, falls im vorangehenden Fenster der POI-Typ '''Icon''' gewählt wurde
 +
* Schaltfläche - Klicken Sie auf die Schaltfläche selektieren um eine Datei auszuwählen. Falls die Datei nicht existiert ist der Dateiname rot hinterlegt.
 +
* Icon-Verschiebung - Verschiebung zwischen effektiver Position und Darstellungsposition.
 +
* Icon-Grösse - Grösse des Icon in Pixel (nur in html, Icon-Grösse wird beim Zoomen nicht angepasst)
 +
 +
-> Klicken Sie auf die Schaltfläche '''Weiter'''
  
===== POI Data Fields =====
+
===== Allgemeine Einstellungen =====
  
* Short description - database field containing short description (important for search)
+
* Kurzbeschreibung - Datenbank-Feld mit einer Kurzbeschreibung (wichtig für Suchfunktionen)
* Description - database field containing description for the info bubble or the right info box
+
* Beschreibung - Datenbank-Feld mit der Beschreibung für die Informationsblase oder die Infobox rechts
* URL field - database field containing the URL
+
* URL-Feld - Datenbank-Feld mit der URL
* Link name - database field containing a link name - if the URL should be shown select the same as in URL
+
* Linkname - Datenbank-Feld mit dem Linknamen - Wählen Sie dasselbe Feld wie bei URL, falls die URL angezeigt werden soll
* Link target - link target for the browser
+
* Ziellink - Ziellink für den Brwoser (_blank, _parent, _self, _top)
  
 
-> Klicken Sie auf die Schaltfläche '''Fertig stellen'''
 
-> Klicken Sie auf die Schaltfläche '''Fertig stellen'''
  
 
<gallery widths=200px heights=200px>
 
<gallery widths=200px heights=200px>
File:ExportOimAssistant5PoiSelector1.png | POI configuration of data source
+
File:ExportOimAssistant5PoiSelector1.png | POIs hinzufügen
File:ExportOimAssistant5PoiSelector2.png | POI Icon settings (if chosen)
+
File:ExportOimAssistant5PoiSelector4.png | POIs Punkt einstellungen
File:ExportOimAssistant5PoiSelector3.png | POI Data fields
+
File:ExportOimAssistant5PoiSelector2.png | POIs Icon-Einstellungen (falls POI-Typ Icon)  
 +
File:ExportOimAssistant5PoiSelector3.png | POIs Allgemeine Einstellungen
 
</gallery>
 
</gallery>
 +
 +
Wählen Sie ein Verzeichnis und klicken Sie auf die Schaltfläche '''Speichern'''. Öffnen Sie die *.html-Datei im Browser um die exportierte Internetkarte anzuschauen.
 +
 +
Die Suchfunktion läuft nur auf einem Server, welcher PHP unterstützt. Ansonsten erscheint die Fehlermeldung '''AJAX error:0'''.<br>
 +
[[File:ExportOimAjaxError0.png]]<br>
 +
 +
Auf der Seite [[HTML_Entities| HTML Entitäten]] sind die unterstützten HTML-Zeichen ersichtlich.
 +
 +
Weiterführende Funktionen können gescriptet werden. Beispiele finden Sie unter [[OCAD_Internet_Map_scripting | OIM Scripting]]
 +
 +
Beispiel einer OCAD Internetkarte: [http://ocad.com/demo/OIM_StMoritz/StMoritz.html Internet Map St. Moritz]
 +
 +
Beispiel von OCAD Internetkarten erstellt von Kunden:
 +
* http://www.mapy-polplan.pl/mapy.php?mapa=bielskobiala
 +
* http://www.berlin.de/ba-friedrichshain-kreuzberg/verwaltung/org/vermessung/b-plaene/2014/index.html
  
  
Choose a directory and '''Save''' the file. To see the exported internet map open the *.html file in the browser.
+
== Einen zweiten Basiskarten-Layer zur OCAD Internetkarte hinzufügen ==
 +
 
 +
* Zwei OCAD Internetkarten-Exporte mit zwei verschiedenen Basiskarten (z.B. Topografische Karte und Orthofoto) erstellen. Die beiden Exporte müssen in zwei verschiedenen Verzeichnissen gespeichert werden.
 +
* Im Verzeichnis des zweiten Exports das Unterverzeichnis ''map_tiles'' umbenennen zu ''map_tiles2''.
 +
* Das umbenannte Unterverzeichnis ''map_tiles2'' ins Verzeichnis des ersten Exports kopieren. Dort hat es nun je ein Unterverzeichnis ''map_tiles'' und ''map_tiles2''.
 +
<gallery widths=246px heights=175px>
 +
File:Oim2ndLayerFolders.png
 +
</gallery>
 +
* Im Verzeichnis des ersten Exports im Unterverzeichnis ''scripts'' die Datei ''BasisFunctions.js'' in einem Texteditor öffnen. Die Funktion ''overlay_getTileURL'' duplizieren und die zweite umbenennen zu ''overlay_getTileURL2''. Innerhalb dieser Funktion  ''''overlay_getTileURL2'' ''map_tiles'' umbenennen zu ''map_tiles2''.
 +
<gallery widths=705px heights=397px>
 +
File:Oim2ndLayerBasisFunctions.png
 +
</gallery>
 +
* Die Haupt-HTML-Datei im Verzeichnis des OIM-Exports in einem Editor öffnen, den Abschnitt ''basemap'' duplizieren und die beiden Abschnitte umbenennen zu ''basemap1'' und ''basemap2''. Die Layer-Bezeichnung in ''basemap2'' ändern zu ''Orthophoto'' (oder je nach Anwendung...) und dort die Function ''overlay_getTileURL2'' aufrufen. Ebenfalls die Zeile ''map.addLayer(basemap)'' duplizieren und je einmal als ''map.addLayer(basemap1)'' und ''map.addLayer(basemap2)'' einfügen.
 +
<gallery widths=767px heights=274px>
 +
File:Oim2ndLayerInitBasiskarte.png
 +
</gallery>
  
The search functionality only works on a server with PHP support otherwise the error message '''AJAX error: 0''' occurs.
 
  
On the site [[HTML_Entities| HTML Entities]] the supported and convertable HTML characters can be seen.
 
  
More advanced functions can be scripted. Examples can be found under [[OCAD_Internet_Map_scripting | OIM scripting]]
 
  
Beispiel einer OCAD Internetkarte: [http://ocad.com/demo/OIM_baar_web/OpenStreetMapBaar_example.html Baar city map]
+
----
  
Vorheriges Chapter: [[Server Client]]
+
Vorheriges Kapitel: '''[[Server Client Architecture]]'''
  
Nächstes Kapitel : [[Tutorials]]
+
Nächstes Kapitel: '''[[Tutorials]]'''
  
Back to [[Hauptseite]]
+
Zurück zu '''[[Hauptseite]]'''

Aktuelle Version vom 17. Oktober 2014, 08:00 Uhr

OCAD Internet Map exportieren Space.PNGDiese Funktion ist verfügbar in OCAD 11 Professional.

ExportOim.png

Wählen Sie OCAD Internet Map exportieren im Menü Datei um eine OCAD Internetkarte zu exportieren. Mit dem OCAD Internet Map Export können Sie OCAD-Karten im Internet publizieren. Die OCAD Internet Map kann in eine HTML-Datei eingefügt werden.

  • Auflösung: Geben Sie hier die Auflösung für die Kartenkacheln ein. Die Kacheln werden als GIF-Dateien exportiert.
  • Teilkarte: Aktivieren Sie diese Option, wenn nur ein Teil der OCAD-Karte als Internetkarte exportiert werden soll. Der Bereich wird als Rechteck im Kartenfenster angezeigt und kann mit der Maus verschoben werden.
Klicken Sie auf die Schaltfläche Einrichten... Einrichten... um den zu exportierenden Bereich der Karte mit Koordinatenwerten zu definieren. Dies geschieht im Dialog Kartenauschnitt auswählen.
Klicken Sie auf die Schaltfläche Ganze Karte Ganze Karte um die ganze Karte zu exportieren.
Klicken Sie auf die Schaltfläche Aktuelle Ansicht Aktuelle Ansicht um den aktuelle am Bildschirm angezeigten Bereich zu exportieren.
Falls die Option Teilkarte deaktiviert ist, wird die ganze Karte exportiert.

Hint.jpg Es ist auch möglich ein vordefiniertes Blattformat wie z.B. A4 Querformat auszuwählen.

-> Klicken Sie auf die Schaltfläche Exportieren. Der OCAD Internet Map (OIM) Exportassistent wird angezeigt.

OCAD Internet Map (OIM) Exportassistent

Allgemeine Projekteinstellungen

  • Kartentitel - Geben Sie hier den Titel Ihrer OCAD Internetkarte ein
  • Kartenuntertitel - Geben Sie hier den Untertitel Ihrer OCAD Internetkarte ein

Kartenlayout:

Basislayer Name - Name der Karte (z.B. Stadtplan Baar).
Layerbearbeitung aktivieren - Aktiviert die Option damit Benutzer auf der Internetkarte zeichnen können.
Globale Suche- Suche nach POI's (braucht PHP-Unterstützung).
Zoomstufen (Berechnet aus Kartengrösse und Auflösung) - Maximale Anzahl Zoomstufen.
  • Kacheln erstellen - Muss selektiert sein wenn die Kartenkacheln erstellt werden sollen. Andernfalls werden nur die Metadateien erzeugt.

-> Klicken Sie auf die Schaltfläche Weiter

Zoomstufen-Einstellungen

Selektieren Sie die Zoomen von und Zoomen bis Zoomstufen, die erstellt werden sollen. Die Übersichtskarte ist mit dem Zoomstufe 0 verbunden.

Erzeugte Stufen sind grün hinterlegt, nicht erzeugte Stufen grau. Falls die Datei nicht existiert, ist die Zeile rot hinterlegt.

  • Wieder verknüpfen - Ändern Sie das Verzeichnis für alle Karten.
  • Ändern - Ändern Sie die Karte für die selektierte Zoomstufe.
  • Alle auf die aktuelle Datei zurücksetzen - Die aktuell geöffnete Datei wird für alle Zoomstufen verwendet.

-> Klicken Sie auf die Schaltfläche Weiter

Layout- und Funktionalitätseinstellungen

Kontrolloptionen:

  • Layerauswahl anzeigen - Aktiviert die Option, dass der Benutzer verschiedene Layer auswählen kann.
  • Übersichtskarte anzeigen - Die Übersichtskarte kann auf der Internetkarte angezeigt werden.
Übersichtskarte maximieren - Die Übersichtskarte wird standardmässig eingeblendet.
  • Koordinaten anzeigen - Die Koordinaten sollen in der unteren rechten Ecke angezeigt werden.
  • Permalink anzeigen - Aktiviert die Option, dass das Benutzer einen Link auf eine spezifische Kartenansicht bzw. Layer generieren kann.

Farb- und Grösseneinstellungen:

  • Schriftfarbe des Titels - Farbe des Kartentitels
  • Hintergrundfarbe des Titels - Hintergrundfarbe des Kartentitels
  • Schriftfarbe des Untertitels - Farbe des Untertitels
  • Hintergrundfarbe des Untertitels - Hintergrundfarbe des Untertitels
  • Rahmenfarbe - Farbe des Kartenrahmens.
  • Hintergrundfarbe der Seite - Allgemeine Hintergrundfarbe der Seite
  • Schriftgrösse - Schriftgrösse des Kartentitels
  • Schriftgrösse des Untertitels - Schriftgrösse des Untertitels (z.B. copyright)
  • Rahmenbreite - Breite des Kartenrahmens

-> Klicken Sie auf die Schaltfläche Weiter

Points of Interest (POIs)

Points of Interest (POI's)

Wählen Sie Hinzufügen um einen POI-Layer hinzuzufügen. Der Dialog POIs hinzufügen wird angezeigt:

  • Titel - Name des Layers
  • Verbindung - Name der Datenbank-Verbindung
  • Bedingung - Möglichkeit, nur ein Auswahl der Datenbankeinträge anzuzeigen (z.B. JAHR > 2010)
  • Standortfeld - Datenbank-Feld mit der Positionsinformation
  • Point of Interest-Typ:
-Punkt (Vektor) - POI's werden mit einem gelben Punkt auf der Karte dargestellt
-Icon (Informationsblase) - POI's werden mit dem angegebenen Icon angezeigt

-> Klicken Sie Weiter

POI Vector-Einstellungen (falls POI-Typ Punkt)

Dieser Dialog wird nur angezeigt, falls im vorangehenden Fenster der POI-Typ Punkt gewählt wurde

  • Füllfarbe - Ausfüllung der Punkte
  • Linienfarbe - Randfarbe der Punkte
  • Point radius - Grösse der Punkte
  • Opazität - Transparents zer Füllfarbe
  • Opazität der Linienfarbe - Transparenz der Linienfarbe

Wenn man beide werte auf 0 stellt sind die Farben für den OCAD Internet Maps benutzer unsichtbar.

-> Klicken Sie auf die Schaltfläche Weiter

POI Icon-Einstellungen (falls POI-Typ Icon)

Dieser Dialog wird nur angezeigt, falls im vorangehenden Fenster der POI-Typ Icon gewählt wurde

  • Schaltfläche - Klicken Sie auf die Schaltfläche selektieren um eine Datei auszuwählen. Falls die Datei nicht existiert ist der Dateiname rot hinterlegt.
  • Icon-Verschiebung - Verschiebung zwischen effektiver Position und Darstellungsposition.
  • Icon-Grösse - Grösse des Icon in Pixel (nur in html, Icon-Grösse wird beim Zoomen nicht angepasst)

-> Klicken Sie auf die Schaltfläche Weiter

Allgemeine Einstellungen
  • Kurzbeschreibung - Datenbank-Feld mit einer Kurzbeschreibung (wichtig für Suchfunktionen)
  • Beschreibung - Datenbank-Feld mit der Beschreibung für die Informationsblase oder die Infobox rechts
  • URL-Feld - Datenbank-Feld mit der URL
  • Linkname - Datenbank-Feld mit dem Linknamen - Wählen Sie dasselbe Feld wie bei URL, falls die URL angezeigt werden soll
  • Ziellink - Ziellink für den Brwoser (_blank, _parent, _self, _top)

-> Klicken Sie auf die Schaltfläche Fertig stellen

Wählen Sie ein Verzeichnis und klicken Sie auf die Schaltfläche Speichern. Öffnen Sie die *.html-Datei im Browser um die exportierte Internetkarte anzuschauen.

Die Suchfunktion läuft nur auf einem Server, welcher PHP unterstützt. Ansonsten erscheint die Fehlermeldung AJAX error:0.
ExportOimAjaxError0.png

Auf der Seite HTML Entitäten sind die unterstützten HTML-Zeichen ersichtlich.

Weiterführende Funktionen können gescriptet werden. Beispiele finden Sie unter OIM Scripting

Beispiel einer OCAD Internetkarte: Internet Map St. Moritz

Beispiel von OCAD Internetkarten erstellt von Kunden:


Einen zweiten Basiskarten-Layer zur OCAD Internetkarte hinzufügen

  • Zwei OCAD Internetkarten-Exporte mit zwei verschiedenen Basiskarten (z.B. Topografische Karte und Orthofoto) erstellen. Die beiden Exporte müssen in zwei verschiedenen Verzeichnissen gespeichert werden.
  • Im Verzeichnis des zweiten Exports das Unterverzeichnis map_tiles umbenennen zu map_tiles2.
  • Das umbenannte Unterverzeichnis map_tiles2 ins Verzeichnis des ersten Exports kopieren. Dort hat es nun je ein Unterverzeichnis map_tiles und map_tiles2.
  • Im Verzeichnis des ersten Exports im Unterverzeichnis scripts die Datei BasisFunctions.js in einem Texteditor öffnen. Die Funktion overlay_getTileURL duplizieren und die zweite umbenennen zu overlay_getTileURL2. Innerhalb dieser Funktion ''overlay_getTileURL2 map_tiles umbenennen zu map_tiles2.
  • Die Haupt-HTML-Datei im Verzeichnis des OIM-Exports in einem Editor öffnen, den Abschnitt basemap duplizieren und die beiden Abschnitte umbenennen zu basemap1 und basemap2. Die Layer-Bezeichnung in basemap2 ändern zu Orthophoto (oder je nach Anwendung...) und dort die Function overlay_getTileURL2 aufrufen. Ebenfalls die Zeile map.addLayer(basemap) duplizieren und je einmal als map.addLayer(basemap1) und map.addLayer(basemap2) einfügen.




Vorheriges Kapitel: Server Client Architecture

Nächstes Kapitel: Tutorials

Zurück zu Hauptseite