Merge pull request #17 from UCSB-Library-Research-Data-Services/chapter/layers-2-basemap

add drawing tools and examples to sketch layer instructions

Author: jairomelo

01_make_map.qmd

@@ -203,10 +203,46 @@ From the basemap gallery, we can select a simpler basemap. For this example, we
 
 In addition to bringing external sources of information into a map (whether in the form of a basemap or additional feature layers), it is common to want to add new information. In many cases it is better to think of the new information as data, and to store it in its own feature layer. We will be describing this approach in the next workshop. For our purposes here, though, we will take the more straightforward approach of simply drawing on the map. The hand-drawn features will appear in what ArcGIS Online calls a "sketch layer."
 
+![](images/Workshop1/Step3/drawing-sketch-layer-menu.png){width="40%" fig-align="center"}
+
+After adding the sketch layer to your workspace, a new menu will appear in the right column with drawing tools and configuration options.
+
+![](images/Workshop1/Step3/drawing-sketch-bar-menu.png){width="40%" fig-align="center"}
+
 - Draw points where you were in a (near-)accident on a bike path, either as bicyclist of pedestrian.
+
+Zoom in to the location and add a point with the point drawing tool. You can customize the symbol, size, and color of the point in the sketch layer menu before adding it to the map. Put as many points as you like.
+
+In our example, we add the following settings to the point symbol:
+
+- Size: 48 px
+- Vector marker (background): Blue (#2132cf)
+
+![](images/Workshop1/Step3/drawing-point-vector.png){width="90%" fig-align="center"}
+
 - Draw a line where you think there should be a bike path but isn't.
+
+From the sketch layer menu, select the line drawing tool. Click on the map to start drawing the line, and click again to add vertices. Double-click to finish the line. 
+
+![](images/Workshop1/Step3/drawing-line-vector.gif){width="90%" fig-align="center"}
+
+You can customize the line symbol in the sketch layer menu before adding it to the map. In our example, we add the following settings to the line symbol:
+
+- Width: 5 px
+- Dotted line pattern
+- Color: Light blue (#00c8ff) 
+
+![](images/Workshop1/Step3/drawing-line-style.png){width="90%" fig-align="center"}
+
 - Draw a circle where you think there should be a bike parking lot but isn't.
 
+Similarly to the line drawing tool, select the circle drawing tool from the sketch layer menu. Click on the map to draw the circle, and click on the select tool to finish the shape. You can also customize the symbol after drawing it by selecting it and changing its properties in the sketch layer menu. In our example, we add the following settings to the circle symbol:
+
+- Fill color: Red (#d13434)
+- Fill transparency: 38%
+
+![](images/Workshop1/Step3/drawing-circle-vector.gif){width="90%" fig-align="center"}
+
 ## Step 4: Prepare the map for publication
 
 Almost there! At this point you're ready to start packaging your map for publication.