Add nginx-based preview

7 years ago · eb10778669
2 changed files with 50 additions and 0 deletions
--- a/common/preview/index.html
+++ b/common/preview/index.html
@ -0,0 +1,43 @@
 <html>
 <head>
  <title>pelias autocomplete demo</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
   integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
   crossorigin=""/>
  <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
   integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
   crossorigin=""></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet-geocoder-mapzen/1.9.4/leaflet-geocoder-mapzen.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet-geocoder-mapzen/1.9.4/leaflet-geocoder-mapzen.js"></script>
  <style>
    #map{ height: 800px; }
  </style>
 </head>
 <body>
  <div id="map"></div>
  <script>
    var map = L.map('map', {
      center:[42.35, -71.08],
      zoom: 3,
      minZoom:2,
      scrollWheelZoom: false
    });
    var geocodingOptions = {
      url: 'http://localhost:4000/v1',
      expanded: true,
      attribution: '<a href="https://openstreetmap.org/copyright">OpenStreetMap</a> and <a href="    https://geocode.earth/guidelines">others</a>'
    };
    L.control.geocoder(null, geocodingOptions).addTo(map);
    L.tileLayer('http://tile.stamen.com/toner/{z}/{x}/{y}.png', {
      attribution: 'Tiles by <a href="http://stamen.com">Stamen Design</a>',
      maxZoom: 17,
      minZoom: 1
    }).addTo(map);
  </script>
  </body>
 </html>
--- a/projects/south-africa/docker-compose.yml
+++ b/projects/south-africa/docker-compose.yml
@ -98,6 +98,13 @@ services:
    volumes:
      - "./pelias.json:/code/pelias.json"
      - "${DATA_DIR}:/data"
  preview:
    image: nginx
    container_name: pelias_preview
    restart: always
    ports: [ "3000:80" ]
    volumes:
      - "../../common/preview:/usr/share/nginx/html"
  elasticsearch:
    image: pelias/elasticsearch
    container_name: pelias_elasticsearch