From 519284a05689ed3e426cb027cec16d07f0d9b6b6 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Thu, 28 Mar 2019 18:03:26 -0600
Subject: [PATCH] Make map more 3D

---
 www/js/home.js | 2 ++
 www/js/map.js  | 9 ++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/www/js/home.js b/www/js/home.js
index e1c8a44..41d033a 100644
--- a/www/js/home.js
+++ b/www/js/home.js
@@ -24,6 +24,7 @@ $(".view-main").on("card:close", ".card-expandable", function () {
 $(".view-main").on("card:closed", ".card-expandable", function () {
     $(".ptr-preloader").removeClass("display-none");
     $(this).removeClass("card-expandable");
+    leafletgllayer._glMap.setPitch(0);
     leafletmap.invalidateSize();
 });
 
@@ -54,6 +55,7 @@ function openReceiveCard() {
 function openMapCard() {
     $("#map-card").addClass("card-expandable");
     app.card.open("#map-card");
+    leafletgllayer._glMap.setPitch(40);
     leafletmap.invalidateSize();
 }
 
diff --git a/www/js/map.js b/www/js/map.js
index 4a104b5..5f2c642 100644
--- a/www/js/map.js
+++ b/www/js/map.js
@@ -10,7 +10,10 @@ var leafletmap = L.map('map', {
     minZoom: 12
 });
 leafletmap.setView([46.595, -112.019], 13);
-var gl = L.mapboxGL({
+var leafletgllayer = L.mapboxGL({
     accessToken: 'none',
-    style: 'https://maptiles.netsyms.net/styles/klokantech-basic/style.json'
-}).addTo(leafletmap);
\ No newline at end of file
+    style: 'https://maps.netsyms.net/styles/klokantech-3d-gl/style.json',
+    pitch: 0
+});
+
+leafletgllayer.addTo(leafletmap);
\ No newline at end of file