From 540417920d3368e79b444720da44fc6922a4a9ac Mon Sep 17 00:00:00 2001
From: James Mead <james@floehopper.org>
Date: Sat, 1 Jul 2017 20:04:27 +0100
Subject: [PATCH] Enable map for technology page

---
 _layouts/technology.html | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/_layouts/technology.html b/_layouts/technology.html
index feab11e..d7d2f2b 100644
--- a/_layouts/technology.html
+++ b/_layouts/technology.html
@@ -47,6 +47,34 @@
             </div>
           </div>
           <!-- END Grid View Content -->
+
+          <!-- START Map View Content -->
+          <div class="tabs-panel" id="map">
+            <div class="row small-up-2 medium-up-4 large-up-6 small-collapse">
+                <div id="map-technologies"></div>
+                <script type="text/javascript">
+                  var mapEntries = [
+                    {% for coop in site.coops %}
+                      {% if coop.technologies contains page.slug %}
+                        {
+                          lat: {{ coop.latitude }},
+                          lng: {{ coop.longitude }},
+                          markerText: '<b><a href=\"{{ coop.url | relative_url }}\">{{ coop.name }}</a></b><br><br>{{ coop.address | split: "," | join: "<br>" }}'
+                        },
+                      {% endif %}
+                    {% endfor %}
+                  ];
+
+                  $(document).ready(function() {
+                      window.app.createMapMultiMarker('map-technologies', 54.7, -4.2, 6, mapEntries);
+                  });
+
+                  // TODO fix bug with tiles not displaying properly until window resized
+
+                </script>
+            </div>
+          </div>
+          <!-- END Map View Content -->
         </div>
       </div>
     </div>