diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
index 9ada2f4..12cca17 100644
--- a/.github/workflows/build.yml
+++ b/.github/workflows/build.yml
@@ -8,7 +8,6 @@ jobs:
         runs-on: ubuntu-latest
         strategy:
             matrix:
-                # No multiple versions for now (to save on build time)
                 python-version: ["3.10", "3.11", "3.12"]
         steps:
             - uses: actions/checkout@v4
diff --git a/README.md b/README.md
index 003b22a..0622c73 100644
--- a/README.md
+++ b/README.md
@@ -101,20 +101,16 @@ A more detailed introduction and a plot gallery can be found [here](examples/REA
 
 Preview _route_ plot (screenshot of .html-file, cartodbdark_matter selected):
 
-![sample-plot-html](https://nextmv-io.github.io/nextplot/plots/sneak/example-route-html.png)
+![sample-popup](https://nextmv-io.github.io/nextplot/plots/sneak/example-popup.png)
 
-Preview _route_ plot (full .png-file):
+Another preview _route_ plot (screenshot of .html-file, cartodbdark_matter selected):
 
-![sample-plot-png](https://nextmv-io.github.io/nextplot/plots/sneak/example-route-png.png)
+![sample-plot-html](https://nextmv-io.github.io/nextplot/plots/sneak/example-route-html.png)
 
 Preview _cluster_ plot (screenshot of .html-file, cartodbdark_matter selected):
 
 ![sample-plot-html](https://nextmv-io.github.io/nextplot/plots/sneak/example-cluster-html.png)
 
-Preview _cluster_ plot (full .png-file):
-
-![sample-plot-png](https://nextmv-io.github.io/nextplot/plots/sneak/example-cluster-png.png)
-
 ## Auto-completion
 
 Auto-completion (using _tab_) is supported via `argcomplete`. To enable it, install the package:
diff --git a/nextplot/__about__.py b/nextplot/__about__.py
index 22a0910..ef20c19 100644
--- a/nextplot/__about__.py
+++ b/nextplot/__about__.py
@@ -1 +1 @@
-__version__ = "v0.1.0"
+__version__ = "v0.1.1"
diff --git a/nextplot/route.py b/nextplot/route.py
index 3b5cd25..8873872 100644
--- a/nextplot/route.py
+++ b/nextplot/route.py
@@ -381,6 +381,7 @@ def create_map(
                     + f"Distance: {point.distance:.2f} km "
                     + f"({common.km_to_miles(point.distance):.2f} miles)</br>"
                     + f"Location (lon/lat): {point[0]}, {point[1]}"
+                    + "".join(["&nbsp;" for _ in range(0, 80)])
                     + "</p>"
                     + f"JSON:</br><pre><code>{d}</code></pre></br>"
                 )
@@ -401,6 +402,7 @@ def create_map(
                     "<p>"
                     + f"First stop in route {i+1}</br>"
                     + f"Location (lon/lat): {start[0]}, {start[1]}"
+                    + "".join(["&nbsp;" for _ in range(0, 80)])
                     + "</p>"
                     + f"JSON:</br><pre><code>{d}</code></pre></br>"
                 )
@@ -418,6 +420,7 @@ def create_map(
                     "<p>"
                     + f"Last stop in route {i+1}</br>"
                     + f"Location (lon/lat): {end[0]}, {end[1]}"
+                    + "".join(["&nbsp;" for _ in range(0, 80)])
                     + "</p>"
                     + f"JSON:</br><pre><code>{d}</code></pre></br>"
                 )
@@ -435,6 +438,7 @@ def create_map(
                 "<p>"
                 + f"Unassigned point: {p+1} / {len(group)}</br>"
                 + f"Location (lon/lat): {point[0]}, {point[1]}"
+                + "".join(["&nbsp;" for _ in range(0, 80)])
                 + "</p>"
                 + f"JSON:</br><pre><code>{d}</code></pre></br>"
             )
diff --git a/requirements-dev.txt b/requirements-dev.txt
index bfbf228..d53b332 100644
--- a/requirements-dev.txt
+++ b/requirements-dev.txt
@@ -9,4 +9,4 @@ scipy>=1.8.0
 pytest>=7.1.1
 imagehash>=4.2.1
 ruff>=0.1.7
-twine>=4.0.2
+hatch>=1.9.1
diff --git a/tests/testdata/paris-route-indexed.map.html.golden b/tests/testdata/paris-route-indexed.map.html.golden
index fa867dc..1e6efcf 100644
--- a/tests/testdata/paris-route-indexed.map.html.golden
+++ b/tests/testdata/paris-route-indexed.map.html.golden
@@ -135,7 +135,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 7</br>Distance: 0.00 km (0.00 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 7</br>Distance: 0.00 km (0.00 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -156,7 +156,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 7</br>Distance: 2.59 km (1.61 miles)</br>Location (lon/lat): 2.3373478124467524, 48.86064983816991</p>JSON:</br><pre><code>[<br/>  48.86064983816991,<br/>  2.3373478124467524<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 7</br>Distance: 2.59 km (1.61 miles)</br>Location (lon/lat): 2.3373478124467524, 48.86064983816991&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.86064983816991,<br/>  2.3373478124467524<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -177,7 +177,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 7</br>Distance: 3.89 km (2.42 miles)</br>Location (lon/lat): 2.3211691026573686, 48.86548659130954</p>JSON:</br><pre><code>[<br/>  48.86548659130954,<br/>  2.3211691026573686<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 7</br>Distance: 3.89 km (2.42 miles)</br>Location (lon/lat): 2.3211691026573686, 48.86548659130954&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.86548659130954,<br/>  2.3211691026573686<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -198,7 +198,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 7</br>Distance: 6.01 km (3.74 miles)</br>Location (lon/lat): 2.2950561481174456, 48.873730646108235</p>JSON:</br><pre><code>[<br/>  48.873730646108235,<br/>  2.2950561481174456<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 7</br>Distance: 6.01 km (3.74 miles)</br>Location (lon/lat): 2.2950561481174456, 48.873730646108235&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.873730646108235,<br/>  2.2950561481174456<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -219,7 +219,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 7</br>Distance: 7.75 km (4.81 miles)</br>Location (lon/lat): 2.2945793548805833, 48.85814487640506</p>JSON:</br><pre><code>[<br/>  48.85814487640506,<br/>  2.2945793548805833<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 7</br>Distance: 7.75 km (4.81 miles)</br>Location (lon/lat): 2.2945793548805833, 48.85814487640506&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.85814487640506,<br/>  2.2945793548805833<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -240,7 +240,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 6 / 7</br>Distance: 10.42 km (6.48 miles)</br>Location (lon/lat): 2.321845363923588, 48.842085594729355</p>JSON:</br><pre><code>[<br/>  48.842085594729355,<br/>  2.321845363923588<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 6 / 7</br>Distance: 10.42 km (6.48 miles)</br>Location (lon/lat): 2.321845363923588, 48.842085594729355&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.842085594729355,<br/>  2.321845363923588<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -261,7 +261,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 7 / 7</br>Distance: 15.37 km (9.55 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 7 / 7</br>Distance: 15.37 km (9.55 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -311,7 +311,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 5</br>Distance: 0.00 km (0.00 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 5</br>Distance: 0.00 km (0.00 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -332,7 +332,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 5</br>Distance: 3.90 km (2.43 miles)</br>Location (lon/lat): 2.346233405549605, 48.84616060048901</p>JSON:</br><pre><code>[<br/>  48.84616060048901,<br/>  2.346233405549605<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 5</br>Distance: 3.90 km (2.43 miles)</br>Location (lon/lat): 2.346233405549605, 48.84616060048901&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.84616060048901,<br/>  2.346233405549605<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -353,7 +353,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 5</br>Distance: 4.71 km (2.93 miles)</br>Location (lon/lat): 2.349489020192572, 48.853070514317345</p>JSON:</br><pre><code>[<br/>  48.853070514317345,<br/>  2.349489020192572<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 5</br>Distance: 4.71 km (2.93 miles)</br>Location (lon/lat): 2.349489020192572, 48.853070514317345&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.853070514317345,<br/>  2.349489020192572<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -374,7 +374,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 5</br>Distance: 8.44 km (5.24 miles)</br>Location (lon/lat): 2.343046834223321, 48.88634368898782</p>JSON:</br><pre><code>[<br/>  48.88634368898782,<br/>  2.343046834223321<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 5</br>Distance: 8.44 km (5.24 miles)</br>Location (lon/lat): 2.343046834223321, 48.88634368898782&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.88634368898782,<br/>  2.343046834223321<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -395,7 +395,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 5</br>Distance: 9.53 km (5.92 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 5</br>Distance: 9.53 km (5.92 miles)</br>Location (lon/lat): 2.3552878933106447, 48.880769277577656&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>[<br/>  48.880769277577656,<br/>  2.3552878933106447<br/>]</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
diff --git a/tests/testdata/paris-route.map.html.golden b/tests/testdata/paris-route.map.html.golden
index bd646f9..1c8a1c1 100644
--- a/tests/testdata/paris-route.map.html.golden
+++ b/tests/testdata/paris-route.map.html.golden
@@ -135,7 +135,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 7</br>Distance: 2.59 km (1.61 miles)</br>Location (lon/lat): 2.3373478124467524, 48.86064983816991</p>JSON:</br><pre><code>{<br/>  "id": "Louvre",<br/>  "location": [<br/>    48.86064983816991,<br/>    2.3373478124467524<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 7</br>Distance: 2.59 km (1.61 miles)</br>Location (lon/lat): 2.3373478124467524, 48.86064983816991&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Louvre",<br/>  "location": [<br/>    48.86064983816991,<br/>    2.3373478124467524<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -156,7 +156,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 7</br>Distance: 3.89 km (2.42 miles)</br>Location (lon/lat): 2.3211691026573686, 48.86548659130954</p>JSON:</br><pre><code>{<br/>  "id": "Place de la Concorde",<br/>  "location": [<br/>    48.86548659130954,<br/>    2.3211691026573686<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 7</br>Distance: 3.89 km (2.42 miles)</br>Location (lon/lat): 2.3211691026573686, 48.86548659130954&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Place de la Concorde",<br/>  "location": [<br/>    48.86548659130954,<br/>    2.3211691026573686<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -177,7 +177,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 7</br>Distance: 6.01 km (3.74 miles)</br>Location (lon/lat): 2.2950561481174456, 48.873730646108235</p>JSON:</br><pre><code>{<br/>  "id": "Arc de Triomphe",<br/>  "location": [<br/>    48.873730646108235,<br/>    2.2950561481174456<br/>  ],<br/>  "quantity": 1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 7</br>Distance: 6.01 km (3.74 miles)</br>Location (lon/lat): 2.2950561481174456, 48.873730646108235&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Arc de Triomphe",<br/>  "location": [<br/>    48.873730646108235,<br/>    2.2950561481174456<br/>  ],<br/>  "quantity": 1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -198,7 +198,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 7</br>Distance: 7.75 km (4.81 miles)</br>Location (lon/lat): 2.2945793548805833, 48.85814487640506</p>JSON:</br><pre><code>{<br/>  "id": "Tour Eiffel",<br/>  "location": [<br/>    48.85814487640506,<br/>    2.2945793548805833<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 4 / 7</br>Distance: 7.75 km (4.81 miles)</br>Location (lon/lat): 2.2945793548805833, 48.85814487640506&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Tour Eiffel",<br/>  "location": [<br/>    48.85814487640506,<br/>    2.2945793548805833<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -219,7 +219,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 7</br>Distance: 10.42 km (6.48 miles)</br>Location (lon/lat): 2.321845363923588, 48.842085594729355</p>JSON:</br><pre><code>{<br/>  "id": "Tour Montparnasse",<br/>  "location": [<br/>    48.842085594729355,<br/>    2.321845363923588<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 5 / 7</br>Distance: 10.42 km (6.48 miles)</br>Location (lon/lat): 2.321845363923588, 48.842085594729355&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Tour Montparnasse",<br/>  "location": [<br/>    48.842085594729355,<br/>    2.321845363923588<br/>  ],<br/>  "quantity": -1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -269,7 +269,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 5</br>Distance: 3.90 km (2.43 miles)</br>Location (lon/lat): 2.346233405549605, 48.84616060048901</p>JSON:</br><pre><code>{<br/>  "id": "Panth\u00e9on",<br/>  "location": [<br/>    48.84616060048901,<br/>    2.346233405549605<br/>  ],<br/>  "quantity": 0<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 1 / 5</br>Distance: 3.90 km (2.43 miles)</br>Location (lon/lat): 2.346233405549605, 48.84616060048901&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Panth\u00e9on",<br/>  "location": [<br/>    48.84616060048901,<br/>    2.346233405549605<br/>  ],<br/>  "quantity": 0<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -290,7 +290,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 5</br>Distance: 4.71 km (2.93 miles)</br>Location (lon/lat): 2.349489020192572, 48.853070514317345</p>JSON:</br><pre><code>{<br/>  "id": "Notre-Dame",<br/>  "location": [<br/>    48.853070514317345,<br/>    2.349489020192572<br/>  ],<br/>  "quantity": 0<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 2 / 5</br>Distance: 4.71 km (2.93 miles)</br>Location (lon/lat): 2.349489020192572, 48.853070514317345&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Notre-Dame",<br/>  "location": [<br/>    48.853070514317345,<br/>    2.349489020192572<br/>  ],<br/>  "quantity": 0<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);
             
         
@@ -311,7 +311,7 @@
 
         
             
-                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 5</br>Distance: 8.44 km (5.24 miles)</br>Location (lon/lat): 2.343046834223321, 48.88634368898782</p>JSON:</br><pre><code>{<br/>  "id": "Sacr\u00e9-C\u0153ur",<br/>  "location": [<br/>    48.88634368898782,<br/>    2.343046834223321<br/>  ],<br/>  "quantity": 1<br/>}</code></pre></br></div>`)[0];
+                var html_ = $(`<div id="html_" style="width: 100.0%; height: 100.0%;"><p>Stop: 3 / 5</br>Distance: 8.44 km (5.24 miles)</br>Location (lon/lat): 2.343046834223321, 48.88634368898782&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>JSON:</br><pre><code>{<br/>  "id": "Sacr\u00e9-C\u0153ur",<br/>  "location": [<br/>    48.88634368898782,<br/>    2.343046834223321<br/>  ],<br/>  "quantity": 1<br/>}</code></pre></br></div>`)[0];
                 popup_.setContent(html_);