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
Example map of the YireoTraining_ExampleLokiMapComponents module

Current map providers

  • Google Maps
  • OpenStreetMap (on roadmap)

Configuration settings

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 Maps API key

Last modified: July 22, 2025