Merge pull request #66 from dekart-xyz/map-templates

Map templates

assets/scss/layouts/_pages.scss

@@ -46,6 +46,11 @@ h4:hover a {
   text-align: center;
   font-size: 0.8em;
 }
+.view-on-map-template {
+  margin-top: -2rem;
+  text-align: center;
+  font-size: 0.8em;
+}
 
 .view-on-map-cloud {
   margin-top: -1.5rem;

content/docs/about/map-templates/index.md

@@ -0,0 +1,28 @@
+---
+title: "Reusable Map Templates"
+description: "Collection of reusable Dekart Maps for your analytics projects"
+lead: ""
+date: 2025-01-26T07:26:19+02:00
+lastmod: 2025-01-26T07:26:19+02:00
+draft: false
+images: ["62130325-9fc7-4687-ac05-52f6b7513502.png"]
+menu:
+  docs:
+    parent: "examples"
+    name: "Map Templates"
+weight: 999
+toc: true
+---
+
+## What is a Map Template?
+
+A Map Template is a reusable Dekart Map that you can use as a starting point for your analytics projects. Each Map Template is designed to help you quickly visualize your data and answer common business questions. Map Templates utilize Dekart's query parameters to make it easy to customize the map to your specific needs.
+
+### OSM vs Overture Maps – Compare Bike Lane Coverage
+
+{{< img src="62130325-9fc7-4687-ac05-52f6b7513502.png" template="62130325-9fc7-4687-ac05-52f6b7513502" >}}
+
+This template lets you visualize and compare bike lane coverage in any city by pulling data from both OpenStreetMap (OSM) and Overture Maps. Simply choose a city (and country code) to see which streets have dedicated cycle paths—and whether certain lane tags (like cycleway:left) appear in one dataset but not the other. It’s ideal for data analysts, urban planners, or anyone curious about how well bike lanes are mapped in their area.
+
+Requires: <small class="badge badge-info">BigQuery Account</small>
+

layouts/shortcodes/img.html

@@ -33,10 +33,16 @@
 <p class="view-on-map"><a href="https://play.dekart.xyz/reports/{{ . }}" target="_blank">view on a map</a></p>
 {{ end }}
 {{ with .Get "cloud" }}
-<!-- <p class="view-on-map"><a href="https://cloud.dekart.xyz/reports/{{ . }}" target="_blank">View on Dekart</a></p> -->
 <p class="view-on-map">
 <a href="https://cloud.dekart.xyz/reports/{{ . }}/source?ref=dekart-xyz-view-map" target="_blank" class="btn btn-outline-primary btn-sm">
   View interactive map
 </a>
 </p>
 {{ end }}
+{{ with .Get "template" }}
+<p class="view-on-map-template">
+<a href="https://cloud.dekart.xyz/reports/{{ . }}/source?ref=dekart-xyz-view-template" target="_blank" class="btn btn-outline-primary btn-sm">
+  → Use This Template
+</a>
+</p>
+{{ end }}