@trailstash/ultra 3.0.0-dev

package/Examples/wikidata-photo.ultra

@@ -0,0 +1,28 @@
+---
+title: Wikidata photo popup
+description: Customize the query popup with a photo from wikidata loaded via [hub.toolforge.org](https://hub.toolforge.org)
+options:
+  zoom: 10.45
+  center: [-95.9674, 36.1482]
+popupTemplate: >
+  <h2>
+    {{ type }}
+    <a href="https://openhistoricalmap.org/{{ type }}/{{ id }}" target="_blank">{{ id }}</a>
+    <a href="https://openhistoricalmap.org/edit?{{ type }}={{ id }}" target="_blank">✏️</a>
+  </h2>
+  {% assign wikidata = tags["siren:model:wikidata"] ?? tags["model:wikidata"] %}
+  {%- if wikidata %}
+  <img src="https://hub.toolforge.org/{{ wikidata }}?p=image&w=200&h=150">
+  <hr>
+  {%- endif %}
+  {%- for tag in tags %}
+    <code>{{ tag[0] }} = {{ tag[1] }}</code>
+    <br>
+  {%- endfor %}
+---
+
+[bbox:{{bbox}}];
+
+node["emergency"="siren"][~"^(siren:)?model:wikidata$"~".*"];
+
+out geom;

package/Examples/within-bounds.ultra

@@ -0,0 +1,12 @@
+---
+title: Find features within an administrative boundary
+description: Use `map_to_area` to search for bus stops within Washington, DC.
+options:
+  zoom: 10
+  center: [-77.016, 38.899]
+---
+/* To run for your own city, replace with the wikidata ID for your city below */
+nwr[wikidata=Q3551781][type=boundary];
+map_to_area -> .a;
+nwr[highway=bus_stop](area.a);
+out center;

package/LICENSE

@@ -0,0 +1,23 @@
+(c) Copyright 2022 Daniel Schep
+
+Licensed under the MIT license:
+
+    http://www.opensource.org/licenses/mit-license.php
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/MapLibre-Examples/3d-buildings.ultra

@@ -0,0 +1,43 @@
+---
+title: Display buildings in 3D
+description: Use extrusions to display buildings' height in 3D.
+type: vector
+options:
+  center: [ -74.0066, 40.7135 ]
+  zoom: 15.5
+  pitch: 45
+  bearing: -17.6
+  antialias: true
+style:
+  extends: https://styles.trailsta.sh/maptiler-basic.json
+  layers:
+    - type: fill-extrusion
+      minzoom: 15
+      beforeLayerId: poi_label
+      source-layer: building
+      filter: ['!=', [get, hide_3d], true]
+      fill-extrusion-color:
+        - interpolate
+        - [ linear ]
+        - [ get, render_height ]
+        - 0
+        - lightgray
+        - 200
+        - royalblue
+        - 400
+        - lightblue
+      fill-extrusion-height:
+        - interpolate
+        - [ linear ]
+        - [ zoom ]
+        - 15
+        - 0
+        - 16
+        - [ get, render_height ]
+      fill-extrusion-base:
+        - case
+        - [ '>=', [ get, zoom ], 16 ]
+        - [ get, render_min_height ]
+        - 0
+---
+https://tile.ourmap.us/data/v3.json

package/MapLibre-Examples/3d-extrusion-floorplan.ultra

@@ -0,0 +1,28 @@
+---
+title: Extrude polygons for 3D indoor mapping
+description: Create a 3D indoor map with the fill-extrude-height paint property.
+type: geojson
+options:
+  center: [ -87.61694, 41.86625 ]
+  zoom: 15.99
+  pitch: 40
+  bearing: 20
+style:
+  layers:
+    - type: fill-extrusion
+      # See the MapLibre Style Specification for details on data expressions.
+      # https://maplibre.org/maplibre-style-spec/expressions/
+
+      # Get the fill-extrusion-color from the source 'color' property.
+      fill-extrusion-color: [get, color]
+
+      # Get fill-extrusion-height from the source 'height' property.
+      fill-extrusion-height: [get, height]
+
+      # Get fill-extrusion-base from the source 'base_height' property.
+      fill-extrusion-base: [get, base_height]
+
+      # Make extrusions slightly opaque for see through indoor walls.
+      fill-extrusion-opacity: 0.5
+---
+https://maplibre.org/maplibre-gl-js/docs/assets/indoor-3d-map.geojson

package/MapLibre-Examples/3d-terrain.ultra

@@ -0,0 +1,39 @@
+---
+title: 3D Terrain
+description: Go beyond hillshade and show elevation in actual 3D.
+options:
+  center: [ 11.39085, 47.27574 ]
+  zoom: 12
+  pitch: 70
+  maxPitch: 85
+controls:
+  - type: NavigationControl
+    options:
+      visualizePitch: true
+  - type: TerrainControl
+    options:
+      source: terrainSource
+      exaggeration: 1
+style:
+  sources:
+    # Use a different source for terrain and hillshade layers, to improve render quality
+    terrainSource:
+      type: raster-dem
+      tiles:
+        - 'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'
+      encoding: terrarium
+      tileSize: 256
+    hillshadeSource:
+      type: raster-dem
+      tiles:
+        - 'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'
+      encoding: terrarium
+      tileSize: 256
+  layers:
+    - type: 'hillshade'
+      source: hillshadeSource
+      hillshade-shadow-color: '#473B24'
+  terrain:
+    source: terrainSource
+    exaggeration: 1
+---

package/MapLibre-Examples/add-image.ultra

@@ -0,0 +1,26 @@
+---
+title: Add an icon to the map
+description: Add an icon to the map from an external URL and use it in a symbol layer.
+type: geojson
+options:
+  zoom: 1
+style:
+  layers:
+    - type: symbol
+      icon-image: https://upload.wikimedia.org/wikipedia/commons/7/7c/201408_cat.png
+      icon-size: 0.25
+  extends: https://styles.trailsta.sh/osm-liberty.json
+---
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {},
+      "geometry": {
+        "coordinates": [0, 0],
+        "type": "Point"
+      }
+    }
+  ]
+}

package/MapLibre-Examples/attribution-position.ultra

@@ -0,0 +1,12 @@
+---
+title: Change the default position for attribution
+description: Place attribution in the top-left position when initializing a map.
+options:
+  attributionControl: false
+  center: [-77.04, 38.907]
+  zoom: 11.15
+controls:
+  - type: AttributionControl
+    position: top-left
+style: https://styles.trailsta.sh/osm-liberty.json
+---

package/MapLibre-Examples/change-case-of-labels.ultra

@@ -0,0 +1,26 @@
+---
+title: Change the case of labels
+type: geojson
+description: Use the upcase and downcase expressions to change the case of labels.
+options:
+  center: [-116.231, 43.604]
+  zoom: 11
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  layers:
+    - type: symbol
+      icon-image: maki:dog-park
+      icon-size: 0.3666
+      text-field:
+         - format
+         - [upcase, [get, FacilityName]]
+         - {font-scale: 0.8}
+         - "\n"
+         - {}
+         - [downcase, [get, Comments]]
+         - {font-scale: 0.6}
+      text-font: [Open Sans Semibold]
+      text-offset: [0, 0.6]
+      text-anchor: top
+---
+https://maplibre.org/maplibre-gl-js/docs/assets/boise.geojson

package/MapLibre-Examples/cluster.ultra

@@ -0,0 +1,59 @@
+---
+title: Create and style clusters
+description: Use MapLibre GL JS' built-in functions to visualize points as clusters.
+options:
+  center: [-103.59179687498357, 40.66995747013945]
+  zoom: 3
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  sources:
+    # Add a new source from our GeoJSON data and
+    # set the 'cluster' option to true. GL-JS will
+    # add the point_count property to your source data.
+    earthquakes:
+      type: geojson
+      # Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
+      # from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
+      data: https://maplibre.org/maplibre-gl-js/docs/assets/earthquakes.geojson
+      cluster: true
+      clusterMaxZoom: 14 # Max zoom to cluster points on
+      clusterRadius: 50 # Radius of each cluster when clustering points (defaults to 50)
+  layers:
+    - type: circle
+      source: earthquakes
+      filter: [has, point_count]
+      # Use step expressions (https://maplibre.org/maplibre-style-spec/#expressions-step)
+      # with three steps to implement three types of circles:
+      #   * Blue, 20px circles when point count is less than 100
+      #   * Yellow, 30px circles when point count is between 100 and 750
+      #   * Pink, 40px circles when point count is greater than or equal to 750
+      circle-color:
+        - step
+        - [get, point_count]
+        - '#51bbd6'
+        - 100
+        - '#f1f075'
+        - 750
+        - '#f28cb1'
+      circle-radius:
+        - step
+        - [get, point_count]
+        - 20
+        - 100
+        - 30
+        - 750
+        - 40
+    - type: symbol
+      source: earthquakes
+      filter: [has, point_count]
+      text-field: '{point_count_abbreviated}'
+      text-font: [DIN Offc Pro Medium, Arial Unicode MS Bold]
+      text-size: 12
+    - type: circle
+      source: earthquakes
+      filter: ['!', [has, point_count]]
+      circle-color: '#11b4da'
+      circle-radius: 4
+      circle-stroke-width: 1
+      circle-stroke-color: '#fff'
+---

package/MapLibre-Examples/cooperative-gestures.ultra

@@ -0,0 +1,11 @@
+---
+title: Cooperative gestures
+description: Enable cooperative gestures with a specific language. See how it behaves in fullscreen mode.
+style: https://demotiles.maplibre.org/style.json
+options:
+  center: [-74.5, 40]
+  zoom: 4
+  cooperativeGestures: true
+controls:
+  - type: FullscreenControl
+---

package/MapLibre-Examples/custom-marker-icons.ultra

@@ -0,0 +1,65 @@
+---
+title:  Add custom icons with Symbols
+description: Add custom symbol icons to your map.
+type: geojson
+options:
+  center: [-65.017, -16.457]
+  zoom: 5
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  layers:
+    - type: symbol
+      icon-image:
+        - concat
+        - https://picsum.photos/
+        - [get, iconSize]
+        - /
+        - [get, iconSize]
+---
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "message": "Foo",
+        "iconSize": 60
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [
+          -66.324462890625,
+          -16.024695711685304
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "message": "Bar",
+        "iconSize": 50
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [
+          -61.2158203125,
+          -15.97189158092897
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "message": "Baz",
+        "iconSize": 40
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [
+          -63.29223632812499,
+          -18.28151823530889
+        ]
+      }
+    }
+  ]
+}

package/MapLibre-Examples/data-driven-lines.ultra

@@ -0,0 +1,169 @@
+---
+title: Style lines with a data-driven property
+description: Create a visualization with a data expression for line-color.
+type: geojson
+options:
+  zoom: 16
+  center: [ -122.48383155304096, 37.82882682974591 ]
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  layers:
+    - type: line
+      line-width: 3
+      line-color: [ get, color ]
+---
+{
+  "type": "FeatureCollection",
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "color": "#F7455D"
+      },
+      "geometry": {
+        "type": "LineString",
+        "coordinates": [
+          [
+            -122.4833858013153,
+            37.829607404976734
+          ],
+          [
+            -122.4830961227417,
+            37.82932776098012
+          ],
+          [
+            -122.4830746650696,
+            37.82932776098012
+          ],
+          [
+            -122.48218417167662,
+            37.82889558180985
+          ],
+          [
+            -122.48218417167662,
+            37.82890193740421
+          ],
+          [
+            -122.48221099376678,
+            37.82868372835086
+          ],
+          [
+            -122.4822163581848,
+            37.82868372835086
+          ],
+          [
+            -122.48205006122589,
+            37.82801003030873
+          ]
+        ]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "color": "#33C9EB"
+      },
+      "geometry": {
+        "type": "LineString",
+        "coordinates": [
+          [
+            -122.48393028974533,
+            37.829471820141016
+          ],
+          [
+            -122.48395174741744,
+            37.82940826466351
+          ],
+          [
+            -122.48395174741744,
+            37.829412501697064
+          ],
+          [
+            -122.48423874378203,
+            37.829357420242125
+          ],
+          [
+            -122.48422533273697,
+            37.829361657278575
+          ],
+          [
+            -122.48459815979002,
+            37.8293425906126
+          ],
+          [
+            -122.48458743095398,
+            37.8293447091313
+          ],
+          [
+            -122.4847564101219,
+            37.82932776098012
+          ],
+          [
+            -122.48474299907684,
+            37.829331998018276
+          ],
+          [
+            -122.4849334359169,
+            37.829298101706186
+          ],
+          [
+            -122.48492807149889,
+            37.82930022022615
+          ],
+          [
+            -122.48509705066681,
+            37.82920488676767
+          ],
+          [
+            -122.48509168624878,
+            37.82920912381288
+          ],
+          [
+            -122.48520433902739,
+            37.82905870855876
+          ],
+          [
+            -122.48519897460936,
+            37.82905870855876
+          ],
+          [
+            -122.4854403734207,
+            37.828594749716714
+          ],
+          [
+            -122.48543500900269,
+            37.82860534241688
+          ],
+          [
+            -122.48571664094925,
+            37.82808206121068
+          ],
+          [
+            -122.48570591211319,
+            37.82809689109353
+          ],
+          [
+            -122.4858346581459,
+            37.82797189627337
+          ],
+          [
+            -122.48582661151886,
+            37.82797825194729
+          ],
+          [
+            -122.4859634041786,
+            37.82788503534145
+          ],
+          [
+            -122.48595803976059,
+            37.82788927246246
+          ],
+          [
+            -122.48605459928514,
+            37.82786596829394
+          ]
+        ]
+      }
+    }
+  ]
+}

package/MapLibre-Examples/disable-rotation.ultra

@@ -0,0 +1,11 @@
+---
+title: Disable map rotation
+description: Prevent users from rotating a map.
+options:
+  zoom: 9
+  center: [ -122.65, 45.52 ]
+  keyboard: false
+  dragRotate: false
+  touchZoomRotate: false
+style: https://styles.trailsta.sh/osm-liberty.json
+---

package/MapLibre-Examples/disable-scroll-zoom.ultra

@@ -0,0 +1,9 @@
+---
+title: Disable scroll zoom
+description: Prevent scroll from zooming a map.
+options:
+  zoom: 9
+  center: [ -122.65, 45.52 ]
+  scrollZoom: false
+style: https://styles.trailsta.sh/osm-liberty.json
+---

package/MapLibre-Examples/display-and-style-rich-text-labels.ultra

@@ -0,0 +1,22 @@
+---
+title: Display and style rich text labels
+description: Use the format expression to display country labels in both English and in the local language.
+options:
+  zoom: 4
+  center: [ 9.49, 49.01 ]
+style:
+  extends: https://styles.trailsta.sh/maptiler-basic.json
+  layers:
+    - id: country_label
+      text-field:
+        - format
+        - [get, name_en]
+        - font-scale: 1.2
+        - "\n"
+        - {}
+        - [get, name]
+        - font-scale: 0.8
+          text-font:
+            - literal
+            - [Open Sans Italic]
+---

package/MapLibre-Examples/fill-pattern.ultra

@@ -0,0 +1,43 @@
+---
+title: Add a pattern to a polygon
+description: Use fill-pattern to draw a polygon from a repeating image pattern.
+type: geojson
+options:
+  zoom: 1
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  layers:
+    - type: fill
+      fill-pattern: https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Cat_silhouette.svg/64px-Cat_silhouette.svg.png
+---
+{
+  "type": "Feature",
+  "properties": {},
+  "geometry": {
+    "type": "Polygon",
+    "coordinates": [
+      [
+        [
+          -30,
+          -25
+        ],
+        [
+          -30,
+          35
+        ],
+        [
+          30,
+          35
+        ],
+        [
+          30,
+          -25
+        ],
+        [
+          -30,
+          -25
+        ]
+      ]
+    ]
+  }
+}

package/MapLibre-Examples/fullscreen.ultra

@@ -0,0 +1,10 @@
+---
+title: View a fullscreen map
+description: Toggle between current view and fullscreen mode. Does not work on iPhones because a pseudo-fullscreen is used, and the code is embedded in an iframe, which prevents the map from scaling.
+options:
+  zoom: 13
+  center: [ 11.255, 43.77 ]
+style: https://styles.trailsta.sh/osm-bright.json
+controls:
+  - type: FullscreenControl
+---

package/MapLibre-Examples/geojson-layer-in-stack.ultra

@@ -0,0 +1,23 @@
+---
+title: Add a new layer below labels
+description: Use the second argument of addLayer to add a layer below labels.
+type: geojson
+options:
+  zoom: 4
+  center: [ -88.13734351262877, 35.137451890638886 ]
+style:
+  extends: https://styles.trailsta.sh/osm-liberty.json
+  layers:
+    - type: fill
+      # This is the important part of this example:
+      # layers can have a `beforeLayerId` property containing a string
+      # representing another layer's name. if the other layer
+      # exists in the stylesheet already, the new layer will be positioned
+      # right before that layer in the stack, making it possible to put
+      # 'overlays' anywhere in the layer stack.
+      # Insert the layer beneath the first symbol layer.
+      beforeLayerId: road_one_way_arrow
+      fill-opacity: .5
+      fill-color: '#f08'
+---
+https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_50m_urban_areas.geojson