Visa data på en ritning
Ibland har vi data som på något sätt hör ihop med en ritning av en byggnad, t.ex. ett lager eller en fabrik. Vi kan då använda ett kartobjekt som vi lägger exempelvis punkter över. I det här inlägget går vi igenom hur man sätter upp en kartlösning med en egen bakgrundsbild.
I vårt exempel ska vi titta på data från elmätare som sitter uppmonterade i en produktionsmiljö. Elmätaren skickar information om den momentana förbrukningen och vi ska visualisera var det under olika perioder används olika mycket el.
Bakgrundsbild
Vi ska visa förbrukningen genom att visa punkter på en karta över fabriken. På så sätt är det lätt att förstå vilken maskin som förbrukar mer el. Bakgrundsbilden som jag utgår från är denna.
Filen har en url som börjar med https://i.pinimg.com/ och för att vi ska kunna hämta bilden till Sense Cloud behöver vi godkänna adressen. Det här gör man inne i Management Console under Content Security Policy. Lägg till en ny rad med "i.pinimg.com" som Origin och kryssa för "img-src".
Bilden har en storlek av 570 pixel bred och 390 pixel hög. Vi behöver skapa ett koordinatsystem som fungerar för bilden så att vi kan tilldela olika sensorer koordinater som ska visas på rätt plats. För att göra detta vill vi hålla oss mellan värden -50 och +50 i X- och Y-led.
Vi gör detta genom att titta på den sida som är längst, bredden 570 pixel, och räknar ut en faktor för att få 100: 100/570. Denna faktor applicerar vi sedan på den kortare sidan, höjden 390 pixel: 100/570*390 = 68 (lite avrundat). Välj gärna ett jämnt tal så blir det lite enklare.
Nu har vi istället en bild som kan uttryckas som 100*68. Nästa steg är att sätta origo för koordinatsystemet i mitten på bilden - mitten av 100 och mitten av 68. Det är härifrån vi kommer att utgå när vi ska beräkna koordinater.
Så om vi börjar med höjden 68 kan vi dela siffran i hälften. Längst upp i bilden är då 68/2 = +34 och längst ner i bilden är -34. På samma sätt är längst till vänster i bilden -50 och längst till höger i bilden +50. Dessa siffror behöver vi när vi lägger in ett bakgrundslager i vår karta.
Uppsättning av kartobjekt
Dra ut ett nytt kartobjekt till ett ark och gör följande inställningar:
Map Settings - Base map: None (den vita)
Map Settings - Projection: User defined (degrees)
Appearance - Legend - Show legend: off
Appearance - Presentation - Scale bar: off
Gå sedan till Layers och lägg till ett nytt bakgrundslager. Ändra följande inställningar:
Format: Image
URL: https://i.pinimg.com/originals/99/94/5f/99945f0b97d3899cd5e4d86446b43a5d.png
Top left corner - Top (latitude): 34
Top left corner - Left (longitude): -50
Bottom right corner - Bottom (latitude): -34
Bottom right corner - Right (longitude): 50
Nu borde bilden synas i kartobjektet även om du kan behöva dra runt det (när du inte är i Edit-läge) för att den ska hamna i mitten på objektet.
Centrera objektet
Man kan centrera objektet på lite olika sätt och min metod går ut på att lägga en osynlig linje i över- och underkant på bilden. Linjerna kommer att centreras i kartobjektet med automatik och då får man även bilden rätt.
Vi börjar med den övre linjen som är röd i exempelbilden ovan. Den börjar i övre vänstra hörnet (-50,34) och slutar i övre högra hörnet (50,34).
Lägg till ett nytt lager i kartan och välj typen linje. Ange följande värden:
Data - Dimension: =1 (skriv likamed-tecken och sedan 1)
Data - Dimension Label: Övre linje (här får lagret sitt namn)
Location - Start Point - Latitude and longitude fields: Markera
Location - Start Point - Latitude: 34
Location - Start Point - Longitude: -50
Location - End Point - Latitude and longitude fields: Markera
Location - End Point - Latitude: 34
Location - End Point - Longitude: -50
Nu ska en linje synas i överkanten i din bakgrundsbild, men bilden är ännu inte centrerad. Linjen kommer vi senare sätta som transparent så att den finns där och styr bilden, men den kommer inte att synas.
Lägg nu till ett nytt linjelager för den undre linjen. Ge den motsvarande inställning som ovan fast den ska förstås ligga i underkant. Vad blir skillnaden? Vi ska ändra linjen i y-led, dvs latitude-vädet.
Location - Start Point - Latitude: -34
Location - Start Point - Longitude: -50
Location - End Point - Latitude: -34
Location - End Point - Longitude: 50
Med den undre linjen på plats ska bakgrundsbilden ha blivit centrerad. Vi kan nu gå in och dölja linjerna genom att sätta den som transparenta. Gå till Colors och dra slidern för Opacity hela vägen till vänster. Gör detta för båda linjerna.
Placera ut sensorer