#8: prepare map

Gemfile

@@ -35,6 +35,8 @@ gem 'elasticsearch-model'
 gem 'elasticsearch-rails'
 gem 'elasticsearch-dsl'
 
+gem 'leaflet-rails'
+
 gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw]
 
 # bundle exec rake doc:rails generates the API under doc/api.

Gemfile.lock

@@ -127,6 +127,8 @@ GEM
       rails
     launchy (2.4.3)
       addressable (~> 2.3)
+    leaflet-rails (1.3.1)
+      rails (>= 4.2.0)
     loofah (2.2.2)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
@@ -292,6 +294,7 @@ DEPENDENCIES
   kaminari
   kaminari-i18n
   launchy
+  leaflet-rails
   omniauth
   omniauth-browserid
   pry

app/controllers/geo_controller.rb

@@ -0,0 +1,6 @@
+class GeoController < ApplicationController
+
+  def index
+    render action: "index"
+  end
+end

app/views/geo/index.html.slim

@@ -0,0 +1,25 @@
+doctype html
+html
+  head
+    title Stadtratmonitor Leipzig - Karte
+    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
+    = stylesheet_link_tag    'https://unpkg.com/leaflet@1.0.1/dist/leaflet.css'
+    = javascript_include_tag 'vendor/modernizr'
+    = javascript_include_tag 'https://unpkg.com/leaflet@1.0.1/dist/leaflet.js'
+    = csrf_meta_tags
+
+  body
+    .row
+      .small-12.columns
+        .clearfix
+        h3#title = 'Karte'
+        div#map/
+        javascript:
+          var map = L.map('map').setView([51.4437366804, 11.865234375], 9);
+          L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
+            {
+              attribution: 'Map data &#64; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors</a>',
+              maxZoom: 12,
+              minZoom: 8
+            }
+          ).addTo(map);

app/views/layouts/application.html.slim

@@ -25,6 +25,7 @@ html
         h1[id="title" class="left"] = link_to 'Stadtratmonitor Leipzig', search_path
         div(class="right")
           div(class="left") = link_to_unless_current 'Suche', search_path
+          div(class="left header_indent") = link_to_unless_current 'Karte', geo_path
           div(class="left header_indent") = link_to_unless_current 'Glossar', glossary_url
           div(class="right header_indent") = link_to_unless_current 'Impressum', impressum_url
           div(class="clear")

config/routes.rb

@@ -1,6 +1,7 @@
 Rails.application.routes.draw do
   root :to => 'search#index', as: :search
   post '/import' => 'import#new_papers_callback'
+  get '/map' => 'geo#index', as: :geo
   get '/glossary' => 'application#glossary', as: :glossary
   get '/impressum' => 'application#impressum', as: :impressum