Loki Map Components

Jump to Developer Docs

Whenever a module requires map functionality - for instance, when displaying pickup locations on a Google Map - this module provides the link between maps and Alpine.js. The module also allows map components to be built outside of the checkout.

Example map of the YireoTraining_ExampleLokiMapComponents module

Current map providers

Google Maps
~~OpenStreetMap~~ (on roadmap)

Configuration settings

Generic Settings > Map Type
loki_map_components/generic/map_type

Generic Settings > Default longitude
loki_map_components/generic/default_longitude

Longitude to center the map towards at the beginning

Generic Settings > Default latitude
loki_map_components/generic/default_latitude

Latitude to center the map towards at the beginning

Google Maps Settings > API key
loki_map_components/google/api_key

Enter your Google API key for using Google Maps and Google GeoLocation

Jump to Developer Docs

Last modified: June 9, 2026