Advanced Sitecore Google Maps

Transkript

1 Advanced Sitecore Google Maps WCAG Edition Version 1.6 Brugervejledning 1 / 41

2 1 Indholdsfortegnelse 1 Indholdsfortegnelse Forord Hvad er nyt i version 1.6? Oprettelse af kort Kort centrum og zoom niveau Opsætning af kort Zoom Zoom kontrol Korttyper Visningstyper Lag Statisk kort Kort Data Gruppering Ikoner og ikon skygger Import af Markører fra Microsoft Excel Markører Markør position Opsætning af markør Flader Tegning af flade Opsætning af flade Linjer Tegning af linje Opsætning af linje Import af Markører fra Microsoft Excel Microsoft Excel regneark format Import af markører / 41

3 2 Forord Advanced Sitecore Google Maps (WCAG Edition) gør det muligt at oprette Google Maps kort, vælge visningstyper og tilføje markører, flader og linjer via Sitecore. Figur 1 Advanced Sitecore Google Maps eksempelvisning Med Advanced Sitecore Google Maps (WCAg Edition) har du mulighed for at: Oprette et vilkårligt antal kort via en Google Maps editor inden i Sitecore. Bestemme kortets centrum via adressesøgning Bestemme kortets zoom kontrol Bestemme korttyper Bestemme kortets visningstype o Tilknytning af 3 forskellige grupperinger o Tilknytte tilgængelighedsvisning Tilknytte lokal søgning og oversigtskort Oprette et vilkårligt antal markører, flader og linjer via en Google Maps editor inden i Sitecore. Tilknytte ikoner til markører Tilknytte tekst, alternativ tekst, adresser og meget mere til markører, flader og linjer Gruppere markører, flader og linjer i grupper og i hierarkier af grupper Nedarve gruppers ikoner til markører Importere markører fra et Microsoft Excel regneark. 3 / 41

4 Tilknytte et vilkårligt antal grupper, markører, flader og linjer til et kort Bestemme flader og linjers farve og gennemsigtighed Advanced Sitecore Google Maps (WCAG Edition) er testet imod: W3C s Web Content Accessibility Guidelines (WCAG) TAW level 3 Section 508 W3C Markup 2.1 Hvad er nyt i version 1.6? Version 1.6 inkluderer følgende features: Oprette linjer fra Sitecore på samme måde som flader oprettes. Importere markører fra et Microsoft Excel regneark. 4 / 41

5 3 Oprettelse af kort Det er din administrator der sætter de sider op, hvorpå det er muligt at oprette et Google Maps kort. Siden oprettes som andre sider, men i stedet for en standardvisning, vises et Google Maps kort: Figur 2 Oprettelse af kort 3.1 Kort centrum og zoom niveau Kortet kan trækkes rundt ved at holde venstre museknap nede. Markøren [5] indikerer kortets centrum. Det er muligt at finde kortets centrum ved at indtaste en adresse i [1]: Figur 3 Find kort centrum via adresseopslag 5 / 41

6 Brug zoom-kontrollen [4] til at markere det zoom niveau kortet skal starte med at vise. Det valgte zoom niveau kan ses sammen med længde og breddegrad ved [6]. Brug knappen Gem [3] til at gå tilbage til det seneste gemte kort-centrum. Når kortet er indstillet bruges knappen [2] til at gemme indstillingerne, og kortets andre data kan nu opsættes. 3.2 Opsætning af kort Opsætning af kort foretages på sidens Content faneblad: Figur 4 Skift til sidens indhold Sektionerne Map og Statisk kort tilhører Advanced Sitecore Google Maps kortet: Figur 5 Opsætning af kort foretages her Felt Kortets centrum s breddegrad Kortets centrum s længdegrad Kortets initielle zoom niveau Maksimale niveau for indzoomning (optionel) Maksimale niveau for udzoomning (optionel) Zoom Kontrol Kort typer Inkluder oversigtskort Beskrivelse Disse data stammer fra opsætningen som blev foretaget som beskrevet i kap. 3.1, Kort centrum og zoom niveau. Disse værdier begrænser kortets zoom kontrols ind og udzoomningsniveauer. Læs mere i kap , Zoom. Vælg hvilken zoom kontrol kortet skal vise Læs mere i kap , Zoom kontrol. Vælg hvilke kort typer kortet skal kunne vise Læs mere i kap , Korttyper Afkryds denne boks for at inkludere et oversigtskort i nederste 6 / 41

7 Felt Beskrivelse højre hjørne: Figur 6 Oversigtskort Inkluder lokal søgning Afkryds denne boks for at inkludere en lokal Google søgning på kortet: Figur 7 Lokal søgning Lag Statisk kort, bredde i pixels (maks. 640 pixels) Statisk port, højde i pixels (maks. 640 pixels) Vælg de grupper, markører, flader og linjer som kortet skal vise. Læs mere i kap , Lag. Vælg opløsning for det statiske kort. Læs mere i kap , Statisk kort. Disse indstillinger foretages typisk af en web administrator. 7 / 41

8 3.2.1 Zoom Figur 8 Indstilling af zoom niveauer Kortets initielle zoom niveau indstilles via kortet som beskrevet i kap. 3.1, Kort centrum og zoom niveau, men kan ændres manuelt i dette felt. Figur 9 Zoom niveau 1, 11 og 22 Felterne Maksimale niveau for indzoomning (optionel) og Maksimale niveau for udzoomning (optionel) styrer kortets zoom kontrol og bruges til at begrænse brugerens mulighed for at zoome ind og ud på kortet. Zoom niveau 1 er meget langt væk og niveau 22 er meget tæt på. Derfor skal udzoomning indeholde den mindste værdi, indzoomning skal indeholde den største værdi, og det initielle zoom niveau skal indeholde en værdi imellem disse. Figur 10 Begrænsning af zoom kontrol til mellem 4 og 8 Efterlades felterne blanke styres ind og udzoomning af Google Maps kortet. 8 / 41

9 3.2.2 Zoom kontrol Figur 11 Zoom Kontrol Zoom kontrol styrer hvilken zoom kontrol som tegnes på kortet Stort Kort Stort Kort 3D Lille kort Lille Zoom 9 / 41

10 Lille Zoom 3D 10 / 41

11 3.2.3 Korttyper Kort typer bestemmer hvordan kortet vises: Figur 12 Kort typer Normal Viser normalt kort Satellit Viser satellit billede af jorden Hybrid Viser satellit billede af jorden med gadenavne lagt ovenpå Terræn Viser terrænkort 11 / 41

12 Måne elevation Viser højdekort over månen Månens overflade Viser satellitfotos af månens overflade Mars elevation Viser højdekort over Mars Mars overflade Viser satellitfotos af Mars overflade Mars infrarød Viser Mars overflade fotograferet med infrarød kamera 12 / 41

13 Himlen Viser himlen over jorden 13 / 41

14 3.2.4 Visningstyper Figur 13 Visningstyper Visningstyper angiver hvordan kortet skal vises. Advanced Sitecore Google Maps modulet leveres med et antal standard visninger samt et standard stylesheet til visning af disse. Din web administrator kan have ændret, slettet eller tilføjet visningstyper til din løsning. Denne liste tjener derfor kun som vejledning. Kun kort Viser alene et Google Maps kort uden ekstra funktioner. 14 / 41

15 Kort med tilgængelighedsliste Viser et Google Maps kort og en liste over alle de lag som er tilføjet kortet. Listen forbedrer kortets tilgængelighed ved at tilbyde brugerne links med beskrivelser af kortets data. Kort med gruppevælger Viser et Google Maps kort inklusiv en gruppevælger. Gruppevælgeren gør det muligt at fjerne grupper af lag. 15 / 41

16 Kort med 3-niveau gruppevælger Viser et Google Maps kort inklusiv en gruppevælger der gør det muligt at gruppere lag i op til 3 niveauer. Kort med Træstruktur gruppevælger Viser et Google Maps kort med en træstruktur gruppevælger der gør det muligt at til og fravælge lag grupperet i en træstruktur. Kort med gruppevælger og tilgængelighedsliste Kort med 3-niveau gruppevælger og tilgængelighedsliste Kort med Træstruktur gruppevælger og Viser Google Maps kort med både gruppevælger og tilgængelighedsliste. Viser Google Maps kort med både 3-niveau gruppevælger og tilgængelighedsliste. Viser Google Maps kort med både træstruktur gruppevælger og tilgængelighedsliste. 16 / 41

17 tilgængelighedsliste Statisk kort Viser Google Maps kort som statisk kort, dvs. at kortet tegnes som et stykke grafik. 17 / 41

18 3.2.5 Lag Figur 14 Lag Lag definerer de markører, flader og linjer som kortet skal vise. Figur 15 Markører og Flader Lag kan grupperes i grupper, og grupper kan indeholder grupper. Således kan man definere et hierarki af lag. Dette hierarki bruges i visningstyper med gruppevælgere (se kap , Visningstyper) således at hele grupper af lag kan skjules på kortet. 18 / 41

19 Figur 16 Grupper af lag Hvis en gruppe vælges, bliver alle lag (alle markører og Flader) i denne gruppe tilføjet til kortet. Læs mere om lag i kap. 4, Kort Data. 19 / 41

20 3.2.6 Statisk kort Figur 17 Statisk kort Advanced Sitecore Google Maps kan tegne Google Maps kortet som et statisk kort. Dette kort er et billede i.gif eller.jpg format som tegnes hvor det dynamiske kort ville have været tegnet. Kortet tegnes hvis siden med kortet kaldes med parameteren?static=1. Det statiske korts størrelse defineres med disse 2 værdier. Kortet kan maksimalt være 640x640 pixels. Denne funktion er en administratorfunktion, og den enkelte redaktør bør ikke bekymre sig om det statiske korts størrelse. 20 / 41

21 4 Kort Data Under Kort data oprettes de lag (markører, flader og linjer) som placeres på Google Maps kortet (se kap.3.2.5, Lag). Figur 18 Kort Data 21 / 41

22 4.1 Gruppering Lag kan grupperes, og grupper kan indeholde grupper. Markører kan arve ikoner som er defineret i de grupper som markøren er oprettet under (læs mere om markører i kap. 4.2, Markører). En gruppe oprettes ved hjælp af Group templaten: Angiv gruppens navn i feltet Titel : Figur 19 Opret gruppe Ikoner og ikon skygger Det er muligt at tilknytte ikoner til grupper: Figur 20 Gruppens Titel Figur 21 Ikon og Ikon skygge 22 / 41

23 Ikoner bruges af gruppevælgere (se kap , Visningstyper) til at identificere hvilken gruppe der kan vælges til og fra på et kort: Figur 22 Gruppevælger Desuden kan markører arve en gruppes ikon. Hvis ikke markøren har defineret et ikon benyttes gruppens ikon. Læs mere om markører i kap. 4.2, Markører. Ikon skygger benyttes af markører til at tegne en skygge under markøren: Figur 23 Markør med skygge Skyggen bliver pænest hvis det er et PNG billede med transparens. Skyggen er valgfri. Vælges ingen skygge undlades den fra kortet Import af Markører fra Microsoft Excel Det er muligt at importere markører fra et Microsoft Excel regneark ind i en gruppe. Dette gøres ved at vælge Import/Excel fra gruppens faneblad: Figur 24 Import af Markører fra Microsoft Excel Læs mere om import i kap. 5, Import af Markører fra Microsoft Excel. 23 / 41

24 4.2 Markører Markører angiver en placering på et kort. En markør består af et ikon og en tekst: Figur 25 Markører på kort Ved at klikke på en markør, vises markørens tekst i en taleboble. Markører oprettes ved hjælp af Markør templaten: Figur 26 Oprettelse af markør 24 / 41

25 4.2.1 Markør position Figur 27 Marker position Markører oprettes ved at placere en pin [3] på et Google Maps kort. Trækkes kortet flytter pin en til kortets nye centrum. Trækkes i pin en flytter kortets centrum til pin ens nye position. Brug søgefeltet [1] til at finde markørens position via en adresse. Knappen Find marker *2+ flytter kort og markør tilbage til den senest gemte position. Se markørens nuværende længe og breddegrad ved [4]. Når markøren er placeret det ønskede sted gemmes dens position med knappen Save marker [5] Opsætning af markør Opsætning af markørens data foretages på Content fanebladet: Figur 28 Opsætning af markørdata 25 / 41

26 Titel Angiver markørens titel og vises i markørens taleboble Tekst Alternativ tekst Angiver markørens tekst og vises også i markørens taleboble Angiver markørens alternative tekst og benyttes af tilgængelighedsvisning (se kap , Visningstyper) Adresse Link Ikon + Ikon skygge Angiver markørens adresse. Bruges kun som huskefelt. Markørens placering påvirkes ikke af denne tekst. Angiver et link som tilknyttes tilgængelighedsvisningen. Hvis der er angivet et link, links til dette ved at klikke på tilgængelighedslistens titel. Det er valgfrit om man ønsker at angive et link. Angiver markørens ikon og (valgfri) skygge. Hvis ikke der angives en skygge tegnes markøren uden. Hvis ikke der angives et ikon, nedarves ikonet fra markørens gruppe (eller markørens gruppes gruppe o.s.v.). Kan der ikke findes et ikon, bruges Google Maps standard ikonet. Længdegrad + Breddegrad Zoom niveau Markørens placering på kortet. Disse værdier stammer fra opsætningen af markøren, se kap , Markør position, men kan overskrives manuelt her. Angiver fra hvilket zoom niveau markøren skal være synlig. Denne funktion er særligt anvendelig på kort med mange markører, idet det er muligt at skjule markører hvis man zoomer langt ud på kortet. Ønsker man at vise markøren uanset zoom niveau kan niveauet sættes til 01 Meget langt væk 26 / 41

27 27 / 41

28 4.3 Flader Flader angiver et areal på et kort: Figur 29 Flade Ved at klikke på fladen, vises dennes tekst i en taleboble. Flader oprettes ved hjælp af Flade templaten: Figur 30 Oprettelse af flade 28 / 41

29 4.3.1 Tegning af flade Figur 31 Tegning af flade Brug søgefeltet [2] til at placere kortets centrum hvor du ønsker at tegne fladen, eller træk i kortet ved at holde venstre musetast nede. Brug markøren [1] til at vælge første punkt for fladen og klik én gang. Ud fra markøren trækkes en stiplet linje: Figur 32 Første punkt er valgt Fortsæt med at klikke på kortet indtil alle punkter på nær det sidste er placeret. Det sidste punkt placeres med et dobbeltklik, og fladen bliver lukket: 29 / 41

30 Figur 33 Lukket Flade Hold musen hen over fladen. Nu er det muligt at flytte eksisterende punkter, eller at splitte en linje ved at tilføje et nyt punkt: Figur 34 Tilpas Flade Brug knappen Restart polygon *3+ for at starte forfra. Brug knappen Find polygon *4+ til at centrere kortet omkring den eksisterende flade. Når fladen er oprettet trykkes på Save *5+ for at gemme fladen Opsætning af flade Opsætning af fladen foretages på Content fanebladet: Figur 35 Opsætning af flade 30 / 41

31 Titel Angiver fladens titel og vises i fladens taleboble Tekst Alternativ tekst Angiver fladens tekst og vises også i fladens taleboble Angiver fladens alternative tekst og benyttes af tilgængelighedsvisning (se kap , Visningstyper) Adresse Link Linie tykkelse i pixels Linie farve i formatet #RRGGBB Linje gennemsigtighed Fyld farve i formatet #RRGGBB Fyld gennemsigtighed XData/System data Angiver fladens adresse. Bruges kun som huskefelt. Fladens placering påvirkes ikke af denne tekst. Angiver et link som tilknyttes tilgængelighedsvisningen. Hvis der er angivet et link, links til dette ved at klikke på tilgængelighedslistens titel. Det er valgfrit om man ønsker at angive et link. Angiver fladens linjetykkelse i pixels Angiver linjens farve i formatet #RRGGBB, hvor # er helt sort og #FFFFFF er helt hvid Angiver linjens transparens Angiver fladens fyldfarve i formatet #RRGGBB, hvor # er helt sort og #FFFFFF er helt hvid Angiver fladens fyldfarves transparens System data. Må ikke modificeres 31 / 41

32 4.4 Linjer Linjer angiver ruter på et kort: Figur 36 Linje Ved at klikke på linjen vises dennes tekst i en taleboble. Linjer oprettes ved hjælp af Linie templaten: Figur 37 Oprettelse af linje 32 / 41

33 4.4.1 Tegning af linje Tegning af linjer foregår på samme måde som tegning af flader (se kap. 29, Tegning af flade): Figur 38 Tegning af linje Brug søgefeltet [2] til at placere kortets centrum hvor du ønsker at tegne linjen, eller træk i kortet ved at holde venstre musetast nede. Brug markøren [1] til at vælge første punkt for linjen og klik én gang. Ud fra markøren trækkes en stiplet linje: Figur 39 Første punkt er valgt Fortsæt med at klikke på kortet indtil alle punkter på nær det sidste er placeret. Det sidste punkt placeres med et dobbeltklik, og linjen er færdig: 33 / 41

34 Figur 40 Færdig linje Hold musen hen over linjen. Nu er det muligt at flytte eksisterende punkter, eller at splitte en linje ved at tilføje et nyt punkt: Figur 41 Tilpas linje Brug knappen Restart polyline *3+ for at starte forfra. Brug knappen Find polyline *4+ til at centrere kortet omkring den eksisterende linje. Når linjen er oprettet trykkes på Save *5+ for at gemme linjen. 34 / 41

35 4.4.2 Opsætning af linje Opsætning af linjen foretages på Content fanebladet: Figur 42 Opsætning af linje Titel Angiver linjens titel og vises i linjens taleboble Tekst Alternativ tekst Angiver linjens tekst og vises også i linjens taleboble Angiver fladens alternative tekst og benyttes af tilgængelighedsvisning (se kap , Visningstyper) Adresse Link Linie tykkelse i pixels Linie farve i formatet #RRGGBB Linje gennemsigtighed Angiver linjens adresse. Bruges kun som huskefelt. Fladens placering påvirkes ikke af denne tekst. Angiver et link som tilknyttes tilgængelighedsvisningen. Hvis der er angivet et link, links til dette ved at klikke på tilgængelighedslistens titel. Det er valgfrit om man ønsker at angive et link. Angiver fladens linjetykkelse i pixels Angiver linjens farve i formatet #RRGGBB, hvor # er helt sort og #FFFFFF er helt hvid Angiver linjens transparens 35 / 41

36 XData/System data System data. Må ikke modificeres 36 / 41

37 5 Import af Markører fra Microsoft Excel Advanced Sitecore Google Maps (WCAG Edition) giver mulighed for at importere markører fra et Microsoft Excel Regneark via Import/Excel funktionen på en gruppe: Figur 43 Import af Markører Klik på Excel ikonet for at importere markører til den gruppe du står på: Figur 44 Importer markører til gruppen "MinGruppe" 37 / 41

38 5.1 Microsoft Excel regneark format Det er kun første ark fra regnearket der importeres. Første række fra regnearket skal indeholde kolonnenavnene, og følgende kolonner kan importeres: Felt Indhold Forklaring Title Markørens titel Feltet er obligatorisk, og kan ikke være blankt. Text AlternativeText Address Markørens tekst Markørens alternative tekst Markørens adresse Link Markørens link Feltet kan være blankt. Hvis feltet ikke er blankt skal det indeholde et fuldt kvalificeret link startende med eller Latitude Markørens længdegrad Feltet er obligatorisk. Feltet skal indeholde et tal med op til 5 decimaler Longitude Markørens breddegrad Feltet er obligatorisk. Feltet skal indeholde et tal med op til 5 decimaler Zoom Markørens zoom niveau Feltet kan være blankt. Er feltet ikke blankt, skal det indeholde et tal mellem 1 og 22 uden decimaler Ikke-obligatoriske felter kan udelades. Et regneark indeholdende title, latitude og longitude er således også valid: Figur 45 Mindste valide Microsoft Excel regneark Kolonner som ikke indeholder de ovennævnte titler ignoreres. 38 / 41

39 5.2 Import af markører Klik på Import/Excel og import programmet åbnes: Figur 46 Microsoft Excel Import Klik på Browse for at finde det regneark der skal importeres. Klik dernæst på Open file. Regnearket åbnes, men indholdet importeres ikke (endnu). Import programmet giver dig mulighed for at se indholdet af regnearket før det importeres (preview funktionen viser de første 40 tegn fra hver kolonne. Hold musen hen over kolonnen for at de den komplette tekst): Figur 47 Regneark valgt til import Er indholdet tilfredsstillende, klikkes på Import for at importere indholdet. Afkryds Overwrite existing markers for at overskrive markører i gruppen som har samme titel. 39 / 41

40 Efter importen vises hvilke rækker fra regnearket der er importeret: Figur 48 Regneark er importeret Rækker med fejl udelades fra importens, mens rækker uden fejl importeres. De fejlende rækker markeres med rød tekst: Figur 49 Eksempler på rækker som ikke kan importeres Efter importen skal gruppen opdateres. Luk import programmet, vælg gruppen som markørerne er blevet importeret til, højreklik og vælg Refresh : 40 / 41

41 Herefter vises de importerede markører: Figur 50 Opdatering af gruppe Figur 51 Importerede markører 41 / 41