Hugo Leaflet screenshot

Hugo Leaflet

Author Avatar Theme by Altrdev
Updated: 28 Aug 2023
56 Stars

Hugo Shortcodes for inserting a OSM Map, Marker or Track into your posts by using leaflet

Overview:

If you’re looking to easily integrate Open Street Maps (OSM) into your projects, the Leaflet-based solution offers a straightforward and efficient way to do so. With features that allow the insertion of maps, markers, and even tracks, this tool enhances the visual appeal and functionality of your posts. Whether you’re a developer or a content creator, the ability to customize maps in your posts opens up a world of possibilities for engaging your audience.

The reliance on a custom version of Leaflet Elevation and Leaflet ExtraMarkers, along with the work of Simon Frey, ensures that this tool is built on a solid foundation. With clear installation steps and flexible usage options, incorporating OSM maps into your content has never been easier.

Features:

  • Seamless Integration: Easily insert maps into your posts with simple shortcode and parameters, making it user-friendly for a broad audience.
  • Customizability: Adjust key parameters, such as map height, width, and zoom level, to tailor the map to fit your specific needs.
  • Multiple Marker Support: Add markers to indicate specific points of interest, with the option for multiple markers on the same map.
  • Dynamic Centering: Specify exact latitude and longitude to center your map, ensuring accurate positioning relevant to your content.
  • Scroll Wheel Zoom: An optional feature to enable zooming with the mouse scroll wheel, providing a more interactive user experience.
  • Global Loader Inclusion: A convenient loader partial layout allows for global use across your posts or themes, enhancing consistency.
  • Fallback Defaults: If parameters are not provided, sensible defaults are set, making usage easier for those new to coding.
  • Gpx Track Compatibility: Easily display GPX tracks on the map for added functionality in showcasing routes or paths.