1. Ideas & Resources for Creating Effective Web Maps Mark Castenson GIS Specialist Dubuque County, IA

2. What are they? Color Color Depth Depth – Hillshade, Slope Symbol Levels Symbol Levels – Overpasses, Underpasses One Ways One Ways

3. ColorColorColorColor Can be used to draw users to your site or away from your site Can be used to draw users to your site or away from your site KISS method KISS method – Isn’t always effective in this situation – But don’t go overboard or complicated 4 quick examples of how color can affect sites 4 quick examples of how color can affect sites

8. Free Color Picker Free Color Picker – Color Detector Color Detector Color Detector http://www.cosmin.com/colordetector/ http://www.cosmin.com/colordetector/ http://www.cosmin.com/colordetector/ Captures: Hex Codes & RGB values Captures: Hex Codes & RGB values Great for matching colors on your county website Great for matching colors on your county website Match Google Maps/Bing Maps color scheme Match Google Maps/Bing Maps color scheme

9. Depth Hillshade Hillshade – DNR has created these for all 99 counties – http://www.igsb.uiowa.edu/nrgislibx/ Slope Raster Slope Raster – Need 3D Analyst or Spatial Analyst – Creates slope of DEM by either degrees or percent

10. Hillshade

11. Slope Use transparency and 3 classes of ascending color Use transparency and 3 classes of ascending color

12. Slope

15. Symbol Levels Use 3 values to indicate which level your roads are at: Use 3 values to indicate which level your roads are at: – Ground – Underpass – Overpass At the appropriate scales levels these can be drawn using the symbol levels option At the appropriate scales levels these can be drawn using the symbol levels option

17. Be sure to ‘Join’ all groupings, but only ‘Merge’ the ones with the same level Be sure to ‘Join’ all groupings, but only ‘Merge’ the ones with the same level Also for all levels that are “above ground” change the symbol properties for line caps and joins for the lower symbol with ‘butt’ line caps.

19. One Ways Add extra information by putting one way arrows on your roads layer Add extra information by putting one way arrows on your roads layer – A way to do this is by having a one way direction/flag field in your roads layer – Make sure your roads are ‘flowing’ in the correct direction so when arrows are added for labels they are pointing in the correct direction.

21. Add a new label class for One Ways Add a new label class for One Ways Add a SQL Query to label class Add a SQL Query to label class You can alter which roads you want to show one ways (Divided Highways, etc) You can alter which roads you want to show one ways (Divided Highways, etc)

22. Symbolize one ways by using a simple arrow symbol Symbolize one ways by using a simple arrow symbol

23. Finally use the placement properties dialog box to tell label engine to orient symbol to direction of the line Finally use the placement properties dialog box to tell label engine to orient symbol to direction of the line

25. Questions? Mark Castenson maps@dbqco.orghttp://gis.dbqco.org/rev With help from Cory Hines