/blog-map

Split-screen leaflet map + wordpress blog

Primary LanguageJavaScriptMIT LicenseMIT

When Map Met Blog...

A Leaflet map-based wrapper for our travel blog. Loads blog posts in an iframe when their corresponding markers on the map are clicked.

Features

  • D3 color scale to visually highlight more recent entries.
  • Geodesic lines between adjacent entries (thanks to Leaflet.Geodesic).
  • Fly to entry-specific zoom level on click.
  • Highlight active entry via dark marker outline (thanks to leaflet-svgicon).
  • Click lines to/from active entry to jump to previous/next entry.
  • Manually update entries in .js file separate from index.html.

License

MIT license.