Underlag Joakim, import formel

Import Locations and Markers, Formula.md

Existerande värden

Bild

Alla bilder har bredd och höjd som går att definera i följande måttenheter

• Punkter
• Pica
• Tum
• Millimeter
• Centimeter
• Pixlar

Alla bilder har en geografisk mittpunktdefinerad i Latitude, Longitude

Våra bilder är tyvärr roterade med okänd grad ... (mobilanpassning)

---

Exempel, "bild", Potatisfestivalen

https://bokamarknad.se/offentlig-utstallarlista/?evid=114553&dt=73662

GeoJson sökning >>

OpenStreetMap-originalbild >>

Leka med geojson data (copy/paste från "GeoJson sökning") >>

[
    "width" => 1920,
    "height" => 3509,
    "unit" => pixels,
    "coordinates": [
        12.5569788,
        57.9216801
    ]
]

Punkt/Cirklar

• I databasen är punkternas bredd/höjd definierad i % relation till bildens bredd/höjd
• De är positionerade % procentuellt i relation till bildens övre vänstra hörn

[
    x => 40.46652939276486%,
    y => 10.829246200070697%,
    width => 0.018750%,
    height => 0.010259%,
]
    

Mål

Bild

• Placeras som ett geojson lager via sin centrum punkt (Lat/Long) samtidigt som den bibehåller sina proportioner
• Roteringen antar jag att vi inte kan göra något åt ... :(
  • Roteringen spelar inte så stor roll ux-mässigt. När bokaren laddar kartan så zoomar den in till bildens mittpunkt. (Vilket gör att bilden fyller mobilskärmen, så det spelar ingen roll om den är roterad.) Jag kommer också lägga en boundry box som gör att man inte kan zooma ut från kartområdet. Boundryboxen är kvadratisk, så den riktiga kartvyn kommer "sticka ut", på sidorna av bilden men ... Huvudsaken är att allt blir importerat utan att jag måste lägga ut alla cirklarna manuellt ... När en Arrangör tröttnar på att bilden är "felroterad" så kan de själva ta bort bilden och "drag-n-drop" alla cirklarna där de vill ha dem på den riktiga kartan.

Punkt/Cirklar

• Alla points (geojson term) är 3x3 meter i diameter, men det spelar ingen roll om de är skalenliga.
• De måste positioneras via sin centrum punkt i Lat/Long, (istället för övre vänstra hörnet)
• Storleken definieras via diameter.
• Det viktiga är att de behåller sin position i relation till bildens area.

Med andra ord …

Gruppera bilden med cirklarna och släng ut på en världskarta. Positionera hela gruppen, via sin mittpunkt, på en definierad lat/long.

Nytt exempel

Gnesta Planritning >>

Definition av hörn: "corner"

"corners": {
    "top-left": 1
    "top-right": 2
    "bottom-right": 3
    "bottom-left": 4
}

"bounds": {
    "west": 17.30448,
    "north": 59.04935,
    "east": 17.31363,		
    "south": 59.04655
},
"zoom": 17,
"coordinates": 59.04792/17.30944
"scale": "50m/200ft",
"corner": 2