This application is a bachelor project made to work with https://github.com/PolaricServer/webapp2
It's made by Njaal, Nicolay, Jan-Magnus.
The project was to make a marking module that could be used in Search And Rescue operations to better mark areas on the map for information. Installation progress is currently only in norwegian. Translation will come.
Installation:
Ved installasjon er det viktig å sørge for at knappen som aktiverer tegn funksjonen blir lagt til. I vår applikasjon ser den slik ut og er en enkel knapp lagt til i html filen.
Ved implementasjon til Polaric Server så lagde vi en egen knapp som vi la til på toolbaren til applikasjonen som håndterer dette.
Det er to krav til denne knappen. Det første er at navnet som gis til den er tb_draw det andre er at den har en onclick event som kaller på tb_draw_click(). (se under)
onclick="tb_draw_click()"
Det neste steget er å implementere SnowMarkerModule.
Vi har her laget en egen konfigurasjonsfil kalt drawConfig.js som lar deg endre navnet på kartet til å kunne være kompatibel med enhver applikasjon. Standard navnet er browser.map siden denne applikasjonen var lagd for bruk med aprs.no og vi derfor fulgte navngivingen som gitt i denne applikasjonen. Om applikasjonen bruker standard “map” som navn så må denne linjen fjernes eller kommenteres ut.
Linjen som må endres kan sees under.
var map = browser.map
drawConfig.js lar deg også endre fargene som brukes til å tegne på kartet. Disse fargene er de som vises i seksjonen som vises under.
Fargene kan endres ved å gi nye hexadesimale koder til fargene. Disse kan genereres med verktøy lignende som CSS color picker: https://www.w3schools.com/colors/colors_picker.asp.
Linjene som konfigurerer fargene ser slik ut:
//default color: black, default hex: #1f1f1f
var color1 = "#1f1f1f"
//default color: red, default hex: #e60000
var color2 = "#e60000"
//default color: orange, default hex: #ff9a28
var color3 = "#ff9a28"
//default color: yellow, default hex: #ffff00
var color4 = "#ffff00"
//default color: green, default hex: #01b301
var color5 = "#01b301"
//default color: blue, default hex: #33ccff
var color6 = "#33ccff"
//default color: purple, default hex: #a300a3
var color7 = "#a300a3"