(Einzustellen in c4-Einstellungen-App/Allgemeine Einstellungen/cardo-Einstellungen/Reiter 'Symbole')

In cardo gibt es eine Reihe von Aktionen, in welchen eine Geometrie in der Karte dargestellt wird. Dies sind bspw. der Suchtreffer einer Gazetteer Anfrage, die Darstellung eine Koordinate aus dem Transformationstool, etc.

Die Symbolik ist dabei in der Komponente hinterlegt und "passt" für viele Anwendungsfälle. Allerdings besteht ab und an der Wunsch diese doch an die eigenen Vorstellungen anzupassen.

Dazu gibt es seit Version 4.0.11 in den Einstellungen die Möglichkeit globale Symbole zu definieren. Jedes Symbol besteht aus einer clientseitigen Darstellungsregel (OpenLayers) und aus einem Block für Iwan7 GeoCSS.

Später ist angedacht, einen Konverter GeoCSS => OpenLayers zu realisieren, so dass die Definition nicht doppelt erfolgen muss. Z.Z. wird das GeoCSS nicht ausgewertet.

Die globalen Symbole verfügen über einen eindeutigen Bezeichner, den Anwendungen nutzen können.

Der Bezeichner ist case-sensitiv (Beachtung der Groß-/Kleinschreibung).

Liste der derzeit verfügbaren Typen

function(res)
{
    var accu = this.get("accuracy");

    //res = 1 pixel in map
    var radius = Math.max((accu / res) / 2, 6);

    var result = [
        IduIT.Core.Mapping.Style.GeometryStyleUtil.point(radius, [0,255 , 255, 0.1], 2, [0, 0, 255, 0.7])
    ];
    var title = this.get("title");
    result.push(
        IduIT.Core.Mapping.Style.GeometryStyleUtil.textLabel({
          color: "red",
          text: title,
          offsetY: 15,
          fontSize: 19,
          fontStyle: IduIT.Core.Mapping.Style.ELabelTextFontStyle.None
     }));
   return result;
}

[
IduIT.Core.Mapping.Style.GeometryStyleUtil.polygon(2, "orange", [255, 165, 0, 0.5]/*orange mit 50%*/),
IduIT.Core.Mapping.Style.GeometryStyleUtil.line(2, "red"),
IduIT.Core.Mapping.Style.GeometryStyleUtil.point(5, "green")
]

[
IduIT.Core.Mapping.Style.GeometryStyleUtil.polygon(2, "orange", [0, 0, 255, 0.5]/*blue mit 50%*/),
IduIT.Core.Mapping.Style.GeometryStyleUtil.line(2, "blue"),
IduIT.Core.Mapping.Style.GeometryStyleUtil.point(5, "blue")
]

[
| //blauer Punkt
| IduIT.Core.Mapping.Style.GeometryStyleUtil.vertexPoints(4, '#0000CC'),
 //blauer Punkt
 IduIT.Core.Mapping.Style.GeometryStyleUtil.vertexPoints(4, '#0000CC'),
 new ol.style.Style({
 //Anfangspunkt der Geometrie
   image: new ol.style.Circle({
   radius: 5,
   stroke: new ol.style.Stroke({
    width: 2,
    color: '#0000CC'
   }),
   fill: new ol.style.Fill({
    color: '#00CCCC'
   })
  }),
  geometry: function (feature) {
   var geom = feature.getGeometry();
   if (geom instanceof ol.geom.MultiPolygon)
    return new ol.geom.MultiPoint(geom.getPolygons().map(function (p) { return p.getFirstCoordinate(); }));
   else if (geom instanceof ol.geom.MultiLineString)
    return new ol.geom.MultiPoint(geom.getLineStrings().map(function (l) { return l.getFirstCoordinate(); }));
   else if (geom instanceof ol.geom.MultiPoint)
    return geom;
   else
    return new ol.geom.Point(geom.getFirstCoordinate());
  }
 })
]

IduIT.Core.Mapping.Style.GeometryStyleUtil.point(5, 'blue')

[
IduIT.Core.Mapping.Style.GeometryStyleUtil.polygon(2, "orange", [255, 215, 0, 0.5]/*gold*/),
IduIT.Core.Mapping.Style.GeometryStyleUtil.line(2, "chocolate"),
IduIT.Core.Mapping.Style.GeometryStyleUtil.point(5, "chocolate")
]

Für die Nutzung der globalen Symbole können alle Anwendungen auf Cardo4.Env.globalSymbolManager zugreifen.

Beispiel:

//getOlStyle(typeName:string,fallbackStyle:IduIT.cardo.Core.CoreModules.Mapping.OLStylesType)
const featureStyle = Cardo4.Env.globalSymbolManager.getOlStyle(
	'IduIT.cardo.Core.Applications.CoordinateTransform.Components.CoordTransformComponent',
	IduIT.Core.Mapping.Style.GeometryStyleUtil.point(5, 'blue')
);

Erweiterung auf Feature-Ebene

Die Kartenanwendung stellt die Standard-Aktion "Geometrie in Karte anzeigen" bereit. Dabei wird ein Feature übergeben (Geometrie+Attribute).

Wenn das Feature über ein Attribut mit Namen $globalStyleName verfügt, dann wird mit diesem Bezeichner ebenfalls in den Symbollisten nachgeschlagen und der dort hinterlegte Stil verwendet.

Einschränkungen

Beachten Sie bitte, das z.Z. folgende Einschränkungen gegeben sind:

• Die Einstellungen sind nur als administrative Einstellungen definiert, d.h. Benutzer können keine eigenen Symbole definieren.

• Die angepassten Stile werden u.U. nicht zu 100% im Ausdruck mit beachtet.

Beispiel

Beispiel für den Koordinatenumrechner, um das cardo3 Kreuz der Koordinatenanzeige einzurichten. Passen Sie wenn nötig noch die Farbe, bzw. die Größe an.

function(res)
  {
    var result = [               
    ];        
    result[0] = new ol.style.Style({
       image: new ol.style.RegularShape({
            stroke: new ol.style.Stroke({color: 'black', width: 2}),
            points: 4,
            radius: 10,
            radius2: 0,
            angle: 0,
            fill: new ol.style.Fill({color: '#000000'})
         })
      });               
 return result;
}