Merge pull request #47 from UCSB-Library-Research-Data-Services/osm-roads

Osm roads

Author: jonjab

01_make_map.qmd

@@ -116,7 +116,7 @@ With that introduction, you now have the opportunity to start creating your own
 From the **Layers** panel, click on the add layer button. Search `My organization` for **OSM_UCSB_Roads**. There should be only one result.
 
 
-![Adding a layer](images/Workshop1/Step1/add-a-layer.gif){#fig-addinglayer width="90%"}
+![Adding a layer](images/Workshop1/Step1/add-a-layer.gif){#fig-addinglayer}
 
 ::: {.callout-tip collapse="true"}
 ## Challenge: Repeat the above steps to add the feature layer `bike_racks_ucsb` to your map.
@@ -156,7 +156,7 @@ For our map, the recommended order from top to bottom should be:
 
 To reorder the layers, click and hold on a layer name in the Layers panel, drag it to the desired position, and release.
 
-![Reorder feature layers](images/Workshop1/Step1/reorder-layers.gif){#fig-reorderlayers width="90%" fig-align="center"}
+![Reorder feature layers](images/Workshop1/Step1/reorder-layers.gif){#fig-reorderlayers fig-align="center"}
 
 ### Accessing the underlying data
 
@@ -193,12 +193,14 @@ From the menu, we can select several categories of symbols. Let's select the `Go
 
 To change the size of the symbol, we can use the `Size` slider to reduce it to a more appropriate size. First, select **Adjust size automatically** to ensure the symbols to scale as you zoom in and out of the map. Then, you can use a custom size by moving the slider or entering a value; in our case, we selected 5.68 px.
 
-::: {.callout-warning collapse="true" title="Size slider quirk"}
-In ArcGIS Online, every time you select the **Adjust size automatically** option, it will reset the size slider to a default value. So make sure to select your desired size **after** enabling that option.
+
+::: {.callout-warning collapse="false" title="Size slider quirk"}
+In ArcGIS Online, every time you select the **Adjust size automatically** option, it will reset the size slider to a default value. So make sure to select your desired size **after** enabling that option. Also note that the size you choose is function of the current scale/zoom you are using on the map when you set this value for the first time.
 
 ![Symbol size settings with adjust size automatically option](images/Workshop1/Step2/symbology-point-size.png){#fig-symbolsize width="70%"}
 :::
 
+
 ### Adjust style based on attribute
 
 Now, what if we wanted to adjust the symbology based on an attribute? Let's say we wanted to fill each building with a different color based on its use (academic, residential, administrative, etc.). We can do that by changing the style of the `UCSB Campus Buildings` layer.
@@ -218,25 +220,22 @@ As a result, you will see that the buildings are now filled with different color
 These field names are pretty cryptic. This is often the case with public data. If you want to learn more about this data, navigate over to the feature layer'
 :::
 
-### Adjust layer transparency based on attribute
+### filter layer based on attribute
 
-Finally, let's say we wanted to adjust the transparency of cycleways based on the max speed allowed on each bike path. We can do that by changing the style of the `osm_cycleways` layer.
+Finally, we are interested in displaying bike paths from the `OSM_UCSB_Roads` layer that also contains roads, pathways and other features. We can filter the categories we are interested in using the filter function on the right sidebar.
 
--   Click on the layer `osm_cycleways` to open its properties panel.
--   On the panel `Symbology`, click on `Edit layer style`.
--   Look for the `② Pick a style` option and select `Style options`.
--   Open the panel `Transparency by attribute` and switch the toggle to set the transparency based on attribute values.
--   Select the attribute `maxspeed`.
+-   Click on the layer `OSM_UCSB_Roads` to select it.
+-   Click on the `Filter` button on the right sidebar (third from top).
+![Adding a filter to the road layer](images/Workshop1/Step2/symbology-filter-road.png){#fig-filter-selection  fig-align="center"}
 
-As a result, you will see that the bike paths are now more transparent for higher speed limits and less transparent for lower speed limits.
-
-To increase the visibility of the bike paths, we can increase the width of the lines by editing the `Width` slider on the `Symbol style` panel. We selected 3.75 px for this example.
+-   Click `Add new`
+-   In the condition box, choose the `highway` field and the `includes` and select `cycleway`
+-   Don't forget to save with the button at the bottom!
 
-![Setting transparency by maxspeed attribute](images/Workshop1/Step2/symbology-transparency-by-attribute.png){#fig-transparency width="90%" fig-align="center"}
+![Filtering out the bike paths](images/Workshop1/Step2/symbology-road-conditional.png){#fig-filter-on  fig-align="center"}
 
-Here is the final result of our symbology adjustments:
+As a result, you will see that the bike paths are now more transparent for higher speed limits and less transparent for lower speed limits.
 
-![Map with all symbology adjustments applied](images/Workshop1/Step2/symbology-final-result.png){#fig-allsymbols width="90%" fig-align="center"}
 
 ### Select a better basemap