Map
1. februar 2022
Google Map API Key
For at tilføje et Google Map skal du først have tilføjet en Google Map API-nøgle. Du kan finde den under Links ovenfor.
For at konfigurere din API-nøgle skal du:
- Gå til Admin i venstre side. Herefter Stores > Settings > Configuration
- I panelet til venstre under General vælg her Content Management
- Udvid Advanced Content Tools
- Indsæt din nøgle under Google Maps API Key
- Klik Test Key – hvis der er problemer med nøglen gå tilbage til Google Cloud Platform Console og løs problemet
- Når nøglen er verificeret klik Save Config
Jeg opretter en Block til mit Google Maps, da jeg så kan genbruge den på flere CMS-sider.
Indsæt Google Maps
Find Maps i venstre side, og hiv det over i din row.
Toolbox
- Move: Her kan du holde fast og flytte elementet ved at trække det hen til den ønskede placering og slippe.
- Settings: Her kan du indstille dit map (det bliver gennemgået nedenfor).
- Hide/show: Her kan du skjule/vise dit element, hvis du ikke ønsker, det skal slettes.
- Duplicate: Her kan du duplikere hele dit element nedenfor.
- Remove: Her kan du slette dit element.
Add Location
- Location Name: Her skal du udfylde din reference til, hvad der er på lokationen, fx Fysisk Butik.
- Coordinates: For at finde koordinaterne på adressen kan du indtaste adressen i Google Maps og højreklikke på den røde nål. Så viser den de to koordinator, som du skal indtaste i hvert felt.
Udfyld de resterende felter, du synes, der giver mening, og klik Save.
Edit Map
- Height: Her kan du vælge, hvor høj din Google Map-sektion skal være i pixels.
- Show Controls: Her kan du vælge, om Google Maps standard-kontroller bliver vist.
Advanced
- Alignment: Her kan du styre, hvor indholdet i ditmap skal placeres.
- Border: Her kan du vælge, om der skal være en kant rundt om dit map. Der er forskellige valgmuligheder, fx prikket osv.
- Border Color: Her kan du vælge farve på kanten.
- Border Width: Her kan du vælge, hvor tyk kanten skal være i pixels.
- Border Radius: Her kan du vælge, om og hvor meget afrundede hjørner kanten skal have (jo højere antal pixels, jo mere afrundet bliver hjørnerne).
- CSS Classes: Her kan du tilføje en CSS-klasse fra dit style sheet til dit map.
- Margins: Hvor meget luft, der skal være udenfor dit element.
- Padding: Hvor meget luft, der skal være inden i dit element.
https://salecto.dk/blog/saadan-opretter-du-en-api-noegle-til-google-maps/
Underviser
Anne Nielsen