Skip to content

Commit

Permalink
added new map
Browse files Browse the repository at this point in the history
  • Loading branch information
lilydemet committed Oct 17, 2024
1 parent 355e841 commit c2de227
Showing 1 changed file with 36 additions and 15 deletions.
51 changes: 36 additions & 15 deletions content/dynamic-maps.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ parent: Determining Output
# Dynamic Maps
{: .no_toc}

Dynamic maps... what are they? Web based, interactive, educational? allow user to reveal different information different scales. This workshop will elaborate two kinds of dynamic maps you might find helpful to tell a spatial story: **webmaps** and **narrative maps**.
Dynamic maps are interactive, allowing the user to reveal more information by zooming, clicking, and panning around. Dynamic maps are usually hosted on the web, and are stored either on a local server or by a host platform. This workshop will elaborate two kinds of dynamic maps you might find helpful to tell a spatial story: **Web maps** and **Narrative maps**.

<details open markdown="block">
<summary>
Expand All @@ -21,43 +21,64 @@ Dynamic maps... what are they? Web based, interactive, educational? allow user t
----

## Web Maps
Webmaps are.... Examples of what you can show --> examples of two technologies, as well as QGIS --> web. You can create all the same thematic maps, just hosted on the web. Two popular software --> Leaflet and Mapbox.
Web maps are a means of visualizing and interacting with geographic data. Following the definition above, a web map is a type of digital map since it is derived from a computer. However, there are some important differences:
- **Dynamic scales and content** Web maps are not static images. Different scales display varying levels of detail. For instance, zooming in may reveal information that wasn't apparent before. For this reason, web maps are not designed for print.
- **Interactive** Web maps are built to be interacted with by an end user, often in order for the user to explore a dataset and learn something. Take for example Climate Central's [Surging Seas Risk Zone Map](https://ss2.climatecentral.org/#12/40.7298/-74.0070?show=satellite&projections=0-K14_RCP85-SLR&level=5&unit=feet&pois=hide). Or, listen to the radio anywhere in the world with [radio.garden](http://radio.garden/visit/vancouver/Lc5d7EdP)
- **Display real-time data updates** Web maps are useful for geovisualizing real-time data like weather. Watch [the wind blow across the country.](https://www.ventusky.com/?p=43.8;-97.3;5&l=temperature-2m)
- **Often rely on web and mobile technology** Web maps are ubiquitous - we see and use them all the time. For example, [Google Maps](https://www.google.ca/maps). For small businesses, web maps are helpful for [finding directions](https://luppolobrewing.ca/contact/). For app builders, web maps might provide a [method for routing to locations](https://www.pogomap.info/) using a mobile device's geolocation features. For researchers, they may help [communicate important information](https://www.uvic.ca/research/centres/cisur/projects/map/index.php) in an area of study. For journalists, they may give spatial context to a story like [where Amazon locates its warehouses and why](https://storymaps.arcgis.com/stories/adc5ff253a3643f88d39e7f3ef1a09ee).

### Reference webmaps
simple reference map with data layer or point
maybe re do so its parks of vancouver to be consistent with static map examples

The Assembling Resources section of this workshop will explain the various platforms in greater detail, including the advantages and disadvantages of each. For now, you'll be introduced to some examples so you can get a feel for what might work for you. You can create all the same reference and thematic maps introduced in the Static Map section with web maps.

### Reference Webmaps
Reference webmaps can be as simple as a basemap with a drop-pin locator or a single data layer. Explore the interactive capabilities of each.

<iframe src="./reference/leaflet-reference-map.html" style="width:90%; height:450px; border:none;"> </iframe>

give a google maps example
<iframe src="https://www.google.com/maps/d/embed?mid=1aslINORADirq1Cx5_mRG4s2EO2OfxF4&hl=en&ehbc=2E312F" width="640" height="480"></iframe>

<!-- Maybe add an example that's like: a nice walk I took. -->

### Thematic webmaps
- thematic with leaflet, mapbox, and with qgis to web plugin

Example of cluster maps --> zoom in and out
### Thematic Webmaps
Thematic maps visualize the results of some spatial analysis. While you can do this spatial analysis in QGIS and then export your data or map... You can also use Leaflet or Mapbox to power the spatial analysis for you --> through functions. Like cluster, heatmap, etc.

<iframe src="./reference/leaflet-cluster-map.html" style="width:90%; height:450px; border:none;"> </iframe>

<iframe src="./reference/mapbox-cluster-map.html" style="width:90%; height:400px; border:none;"> </iframe>

### Interactive Dashboards
--> showing things --> customizing (open source and non open source options)

- give examples that use leaflet, mapbox, agol, google, felt,
<iframe src="./reference/leaflet-choropleth-map.html" style="width:90%; height:400px; border:none;"> </iframe>

<!-- ### Interactive Dashboards
Interactive dashboards, combine maps - more info. ...
showing things customizing (open source and non open source options)
- give examples that use leaflet, mapbox, agol, google, felt,
**Examples**
- [Leaflet dashboard]
- [ArcGIS Online dashboard](https://www.esri.com/en-us/arcgis/products/arcgis-dashboards/overview)
- [Felt](https://felt.com/)
- [Google Maps Platform](https://mapsplatform.google.com/)
using r shiny https://rstudio.github.io/leaflet/articles/shiny.html -->



---
## Narrative Maps
Narrative maps, tell a story with images and text at locations, by a thread - perhaps linear. changing frame brings the visitor on a journey. For example, a timeline, a travel voyage. Below are some examples by different hosting platforms. Assembling Resources section will go further into advantages and disadvantages of each.

- [Neatline]()
- [Knightlab storymap]
- [Knightlab timeline]
- [Google Earth]
- [ArcGIS StoryMaps]

## Narrative Maps

- give examples that use neatline, knightlab, google earth, storymaps,

timeline, image/text and map, clickable story etc.
Add a google maps walking path example.
or leaflet --> maybe qgis incorperated.



0 comments on commit c2de227

Please sign in to comment.