Maps on a Hugo website made easy!

Adding a map to your hugo website becomes easy with the leaflet shortcode. You can add a box to display the lat and long as well through the use of the lat-long-box shortcode.

Leaflet Shortcode

{{< leaflet 
  id="map1" 
  lat="33.966613" 
  lon="-118.426178" 
  zoom="13.5" 
  markerLat="33.9716" 
  markerLon="-118.4363" 
  markerPopup="Green Space right by LAX!" 
>}}

Lat-Long Box Shortcode

Add this shortcode to include the lat-long display box with minutes and seconds.

{{< lat-long-box 
  latitude="39.9057" 
  longitude="-75.1665"
>}}