Map (experimental) example

With geojson url

Given a URL to a GeoJSON file, the map will draw markers and apply popups as specified in the file.

How it looks (preview)

Birmingham and surrounding places

Skip map

Loading map... This map uses JavaScript to work. To view the map, turn on JavaScript in your browser's settings.

How to call this example

<%= render "components/map", {
  geojson: "/assets/frontend/components/map/map-test.geojson",
  heading_text: "Birmingham and surrounding places",
  zoom: 9,
  centre: [
    -1.89032729180704,
    52.485470314900795
  ]
} %>