From b90591976c11b666cbd4e7102c3b147438d8750f Mon Sep 17 00:00:00 2001
From: Nate Neibauer <nneibauer044@gmail.com>
Date: Tue, 2 Mar 2021 12:07:54 -0700
Subject: [PATCH 1/3] Add  and  to

---
 mapboxgl/templates/main.html | 2 +-
 mapboxgl/viz.py              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/mapboxgl/templates/main.html b/mapboxgl/templates/main.html
index 0dfc844..71260d6 100644
--- a/mapboxgl/templates/main.html
+++ b/mapboxgl/templates/main.html
@@ -13,7 +13,7 @@
 
 <style type='text/css'>
     body { margin:0; padding:0; }
-    .map { position: absolute; top:0; bottom:0; width:100%; }
+    .map { position: absolute; top:0; bottom:0; width: {{ mapwidth }}; height:{{ mapheight }} }
     .legend {
         background-color: {{ legendFill }};
         color: {{ legendTextColor }};
diff --git a/mapboxgl/viz.py b/mapboxgl/viz.py
index 213ac4c..ce6145d 100644
--- a/mapboxgl/viz.py
+++ b/mapboxgl/viz.py
@@ -298,6 +298,8 @@ def create_html(self, filename=None):
             scalePosition=self.scale_position,
             scaleFillColor=self.scale_background_color,
             scaleTextColor=self.scale_text_color,
+            mapwidth=self.width,
+            mapheight=self.height
         )
 
         if self.legend:

From 468037ddfe5f8d4838097c07122fd91c24ed0189 Mon Sep 17 00:00:00 2001
From: Nate Neibauer <nneibauer044@gmail.com>
Date: Tue, 2 Mar 2021 12:07:54 -0700
Subject: [PATCH 2/3] Add mapWidth and mapHeight to jinja template

---
 mapboxgl/templates/main.html | 2 +-
 mapboxgl/viz.py              | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/mapboxgl/templates/main.html b/mapboxgl/templates/main.html
index 0dfc844..71260d6 100644
--- a/mapboxgl/templates/main.html
+++ b/mapboxgl/templates/main.html
@@ -13,7 +13,7 @@
 
 <style type='text/css'>
     body { margin:0; padding:0; }
-    .map { position: absolute; top:0; bottom:0; width:100%; }
+    .map { position: absolute; top:0; bottom:0; width: {{ mapwidth }}; height:{{ mapheight }} }
     .legend {
         background-color: {{ legendFill }};
         color: {{ legendTextColor }};
diff --git a/mapboxgl/viz.py b/mapboxgl/viz.py
index 213ac4c..ce6145d 100644
--- a/mapboxgl/viz.py
+++ b/mapboxgl/viz.py
@@ -298,6 +298,8 @@ def create_html(self, filename=None):
             scalePosition=self.scale_position,
             scaleFillColor=self.scale_background_color,
             scaleTextColor=self.scale_text_color,
+            mapwidth=self.width,
+            mapheight=self.height
         )
 
         if self.legend:

From 542c5f81d2ed8bf550ef6a5f366952d4b658263b Mon Sep 17 00:00:00 2001
From: Nate Neibauer <nneibauer044@gmail.com>
Date: Tue, 2 Mar 2021 12:26:24 -0700
Subject: [PATCH 3/3] Switch to camel case

---
 mapboxgl/templates/main.html | 2 +-
 mapboxgl/viz.py              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/mapboxgl/templates/main.html b/mapboxgl/templates/main.html
index 71260d6..878db86 100644
--- a/mapboxgl/templates/main.html
+++ b/mapboxgl/templates/main.html
@@ -13,7 +13,7 @@
 
 <style type='text/css'>
     body { margin:0; padding:0; }
-    .map { position: absolute; top:0; bottom:0; width: {{ mapwidth }}; height:{{ mapheight }} }
+    .map { position: absolute; top:0; bottom:0; width: {{ mapWidth }}; height:{{ mapHeight }} }
     .legend {
         background-color: {{ legendFill }};
         color: {{ legendTextColor }};
diff --git a/mapboxgl/viz.py b/mapboxgl/viz.py
index ce6145d..2d7a357 100644
--- a/mapboxgl/viz.py
+++ b/mapboxgl/viz.py
@@ -298,8 +298,8 @@ def create_html(self, filename=None):
             scalePosition=self.scale_position,
             scaleFillColor=self.scale_background_color,
             scaleTextColor=self.scale_text_color,
-            mapwidth=self.width,
-            mapheight=self.height
+            mapWidth=self.width,
+            mapHeight=self.height
         )
 
         if self.legend: