Web Ports kartmodul används för att övervaka och hantera en uppsättning fastigheter på en karta. Objekten kan antingen placeras på kartan med hjälp av funktionen Auto Map, som automatiskt plottar systembilder med angivna koordinater. Du kan också manuellt rita geometri eller placera symboler på kartan.
Installation av kartmodulen
Kartmodulen är ett tillägg som måste väljas under installationen av Web Port. En ny kartsida skapas sedan genom att lägga till en ny sida av typen (.map) Kartsida under Mina sidor.
Grundläggande konfiguration
Inställningarna för en kartsida nås genom att öppna kartsidan i Web Port och välja Ändra karta -> Kartinställningar
| Inställning: | Beskrivning: |
| Baslager | Möjlighet att välja källa och utseende på själva kartan |
| Longitud och Latitud | Startposition för kartan när den öppnas (i xx.xxxxx-format) |
| Zoom | Zoomnivå när kartan öppnas |
| Automap |
Ritar automatiskt flaggor som representerar de kataloger eller systembilder som har en koordinat som angetts i inställningarna för sida/katalog och som finns i samma katalog eller underkataloger i sidträdet i förhållande till kartsidan. En grå flagga indikerar att det finns ett kommunikationsfel med den kopplade sidan eller anläggningen, gul indikerar att det finns aktiva kvitterade larm och röd indikerar att det finns aktiva okvitterade larm. I annat fall är flaggan grön. |
| Använd aktuell | Sparar aktuell position och zoom som standard |
| Anpassade POI-inställningar | Google gör det möjligt att välja vilka intressepunkter som ska visas. Dessa anges i format enligt Google Maps Javascript API Style Reference. Lämna tomt om alla ska visas. |
Placera dina egna objekt
Förutom de flaggor som Auto Map placerar ut är det möjligt att placera ut egna geometriska former eller objekt. Nya geometrier skapas med knapparna i menyn i kartans övre högra hörn; Rita punkt, linje, polygon.
För att göra inställningar för en utplacerad geometri, tryck på knappen välj geometri och välj sedan önskad geometri på kartan. Det finns sedan 4 grupper av inställningar att göra.
-
Ändra objekt:
- Namn:
- Namn att visa. Följande taggar kan användas [name] = namn, [desc] = beskrivning, [r] = radbrytning, [_SUFFIX] = värde från tagg. T.ex. [name] [r] [_PV]
- Beskrivning:
- Beskrivning av objektet.
- Prefix:
- Taggprefix för att associera taggar med objektet.
- Trendvy:
- Standardvy för trend.
- Min zoom:
- Lägsta zoomnivå vid vilken objektet är synligt.
- Max zoom:
- Högsta zoomnivå som objektet är synligt i.
- Länk till sida:
- Valfri länk till sidan.
- Direktlänk:
- Om markerat länkas du direkt till sidan (sidlänk), annars visas en informations-/inställningsruta.
- Namn:
-
Stil:
- Typ:
- Definierar hur objektet ska representeras visuellt.
- None:
- Objektet visas exakt som det är ritat.
- Statisk:
- Objektets utseende blir statiskt med följande inställningsalternativ:
- Fyllnadsfärg: Färg i formatet #RRGGBB
- Fyllningens opacitet: Transparens mellan 0 och 1 (decimaltal skrivs med .) (0 är helt transparent)
- Stroke color: Färg i formatet #RRGGBB
- Opacitet för streck: Transparens mellan 0 och 1 (decimaler skrivs med .) (0 är helt transparent)
- Stroke width: Linjebredd i pixlar
- Objekt:
- Välj ett objekt från symbolbiblioteket.
- Skript:
- Utseendet anpassas med hjälp av skript som t.ex. kan ändra färg beroende på taggvärden. Se nedan.
- Stilmall:
- Mall definierad i Systeminställningar/Kartvy/Stilmallar används. Mallar definieras på samma sätt som inställningarna ovan.
- Typ:
Tips!
Det är också möjligt att kopiera geometrier med hjälp av knappen Kopiera längst ner i sidmenyn när ett objekt är markerat. Tänk dock på att den nya geometrin kommer att hamna på exakt samma kartposition som det kopierade objektet, så den måste flyttas för att vara användbar.
-
Skript:
Skriptspråket som används är Javascript tillsammans med anrop till Web Ports taggfunktioner, kartobjektfunktioner och OpenLayers (Map Library) Vector.style-egenskaper
Web Port-funktioner att använda vid skript
Kartobjektets egenskaper anropas med feature.property, t.ex.
- feature.Prefix - angivet taggprefix för objektet
- feature.Name - specificerat namn
- feature.Description - beskrivning
- feature.Link - länkad sida
Taggfunktioner och egenskaper anropas med tags["tagname"].function()
- TagExcist() - returnerar booleska true om taggen existerar
- ValueAsFloat() - returnerar taggvärdet som en float
- Value - returnerar taggens värde
- ValueFormated(),(bool indicateOld), (bool indicateOld, bool AddUnit) - returnerar taggvärdet med formatering. IndicateOld sätter parenteser runt värdet om det är gammalt. AddUnit returnerar även enheten.
Stilfunktioner:
Objektets utseende ställs in med egenskaper från OpenLayers. Egenskaper läggs till i objektet med hjälp av. Web Ports funktion styles.Add("egenskap", "värde"). Exempel på några av de vanligaste egenskaperna.
- fillColor - Fyllningsfärg i formatet "#RRGGBB"
- fillOpacity - Transparens mellan 0 och 1 (decimaler skrivs med .) (0 är helt transparent)
- strokeWidth - bredden på strecket i pixlar
- strokeColor - Färgen på strecket i formatet "#RRGGBB"
- strokeOpacity - Linjens transparens mellan 0 och 1 (decimaler skrivs med .) (0 är helt transparent)
Den fullständiga listan finns på:
Exempel:
I exemplet nedan får objektet standardfärgen rosa. Kontrollera sedan om det finns en tagg som slutar på _OP och om den är större än 20 blir objektet lila, om den är mindre än 20 blir det orange.
styles.Add("fillColor", "#da56ac"); //Sets the fill color to pink
if (tags.TagExcist(feature.Prefix + "_OP")) //Checks if there is a tag that matches the prefixes //given to the item and with the extension "_OP".
{
if (tags[feature.Prefix + "_OP"].ValueAsFloat() > 20) //Checks if _OP is > 20
styles["fillColor"] = "#6464de"; // purple
else
styles["fillColor"] = "#de5400"; //orange
}
styles.Add("fillOpacity", "0.5"); // Sets the opacity to 50%
styles.Add("strokeWidth", "2"); // Sets the width of the lines to 2 pixels
styles.Add("strokeDashstyle", "dot"); //Sets the line type to points
Tips!
Skriptredigeringsfönstret kan köras i helskärm genom att trycka på "F11".
-
Text:
- Text:
- Text som ska visas bredvid objektet. Möjligt att använda taggarna [name] för att använda objektets namn, och [r] för att göra en radbrytning.
- Typsnitt:
- Val av teckensnitt. Skriv det fullständiga namnet på teckensnittet, t.ex. "Arial Black".
- Storlek:
- Textstorlek.
- Färg:
- Färgen på texten i formatet #RRGGBB.
- Fyllningens opacitet:
- Genomskinlighet mellan 0 och 1 (decimal skrivs med .). 0 är helt transparent
- Stil:
- Textstil, t.ex. om texten ska vara kursiverad.
- Vikt:
- Textens vikt.
- Position:
- Textens positionering i förhållande till objektet.
- Förskjutning X [px]:
- Ytterligare horisontell förskjutning av textens position.
- Offset Y [px]:
- Ytterligare vertikal förskjutning av textens position.
- Min zoom:
- Lägsta zoomnivå vid vilken texten är synlig.
- Max zoom:
- Högsta zoomnivå vid vilken texten är synlig.
- Text:
-
Funktioner:
- Funktioner:
- Samma funktioner som används i processdiagrammen och som definieras i libs.conf
- Funktioner:
I menyn uppe till höger kan du även flytta, skala och radera justerade geometrier och objekt.
Dölj kontroller på kartan
Det är möjligt att dölja kontrollerna (zoom, etc.) på en kartsida med hjälp av en URL-parameter. Detta anges genom att lägga till &hidecontrols=1 i URL-raden. Ett typiskt användningsområde för detta är att visa en kartsida på en skärm där användarna inte ska kunna interagera med kartan.