[
    {
        "title": "MapIndy",
        "browserPageTitle": "MapIndy Application Help",
        "isExpanded": true,
        "directories": [
            {
                "title": "Overview",
                "isExpanded": true,
                "content": "<span>This application displays information related to properties in Marion County. Through this tool, you can:</span><ul><li>Search for properties by address or parcel, results include a link to the Property Record Card.</li><li>View boundaries, infrastructure assets, and more.</li><li>View historic basemaps (or background imagery) and oblique imagery.</li><li>Conduct analysis using measurement and selection tools.</li><li>Include customizable shapes and text on the map.</li><li>Print map and results to share.</li><li>Navigate between other applications including: Zoning Browser, Stormwater Impervious Areas Application, and the Mapping Application for Public Safety.</li></ul>"
            },
            {
                "title": "Application Main View",
                "content": "<span>Components include the Toolbar Menu, Application Selection, Print, Parcel Search, Oblique Imagery, Zoom, & Default Map View.</span><br/><br/><img src='assets/generalviewer/image001.png'/>"
            },
            {
                "title": "Toolbar Menu",
                "content": "<span>The Toolbar Menu includes the Search Address, Layers, Basemap Gallery, Measure, Selection, & Help tools.</span><br/><img src='assets/generalviewer/image002.png'/>",
                "directories": [
                    {
                        "title": "Search Address",
                        "content": "<img src='assets/generalviewer/image003.png'/>&nbsp;<span>The <b>Search Address</b> button is located in the <b>Toolbar Menu</b> at the top-left of the page.</span>",
                        "directories": [
                            {
                                "title": "Use Current Location",
                                "content": "<span>Click <b>Search Address</b> and select the ‘Use Current Location’ option to navigate/zoom to your current location.</span><br/><img src='assets/generalviewer/image004.png'/>"
                            },
                            {
                                "title": "Street Address",
                                "content": "<span>To search by address, type address into the search box.  An auto lookup will be performed as you type.  Any possible matches found will be displayed directly below the search box.  Click to select an address. Once selected, the map will navigate/zoom to the selected parcel and property information will be displayed.</span><br/><img src='assets/generalviewer/image005.png'/>"
                            },
                            {
                                "title": "Intersection",
                                "content": "<span>To search for an intersection, type all or part of the street names separated by ‘and’ or ‘&’.  A list of possible matches will be displayed directly below the search box.  Select the desired intersection to navigate/zoom to the location.</span><br/><img src='assets/generalviewer/image006.png'/>"
                            },
                            {
                                "title": "Search Address: Common Issues",
                                "content": "<span>Highways are abbreviated like this: US 31, SR 67, I-465 (no periods after initials)</span><br><ul><li>The last word of a street name will be abbreviated as:<ul><li>AVE (Avenue)</li><li>BLVD (Blvd)</li><li>CIR (Circle)</li><li>CT (Court)</li><li>DR (Drive)</li><li>LN (Lane)</li><li>PKWY (Parkway)</li><li>PL (Place)</li><li>RD (Road)</li><li>ST (Street)</li><li>WAY (Way)</li></ul></li><li>A direction may be used before the last word to indicate parallel roads that have address numbers in the same address range. When the last word in the street name is 'Drive' or 'Lane', the abbreviation for the direction will be combined with the abbreviation of the last word.<ul><li>EDR (East Drive)</li><li>ELN (East Lane)</li><li>NDR (North Drive)</li><li>SDR (South Drive)</li><li>WDR (West Drive)</li><li>WLN (West Lane)</li></ul></li><li>For streets that have a directional prefix, the prefix will be abbreviated with one letter: N (North), S (South), E (East), W (West). For example:<ul><li>N MERIDIAN ST</li><li>W 38TH ST</li></ul></li><li>Sometimes a prefix is mistakenly added when one is not needed. Try removing the N, S, E, W prefix and typing the house number and street name to see if your address is found.</li><li>Only two abbreviations of the first word of a street name are allowed. They are:<ul><li>DR (Doctor)</li><li>ST (Saint). For example: &quot;Saint Clair&quot; should be &quot;St Clair&quot;.</li></ul></li><li>Two words are always abbreviated - OVLK (Overlook) and JCTN (Junction). Examples are:<ul><li>CROOKED CREEK OVLK</li><li>EAGLE CREEK OVLK DR</li><li>MANN VILLAGE JCTN</li><li>COUNTRY JCTN</li></ul></li><li>For numbered streets, the first word of the street name will consist of the alphanumeric version of the ordinal number. For 1st through 9th Streets and 1st through 9th Avenues, a leading zero must be used. On all streets other than numbered streets, all numbers must be spelled out. For example:<ul><li>01ST ST</li><li>10TH ST</li><li>05TH AVE</li><li>THOUSAND OAKS DR</li></ul></li><li>For street names that start with the word 'Mount', that word is always spelled out:<ul><li>MOUNT AUBURN DR</li><li>MOUNT HERMAN AVE</li><li>MOUNT RAINIER DR</li></ul></li><li>The following exceptions have been approved to deal with street names which exceed 20 characters in length, have special characters, or have been defined by consensus and common usage:<ul><li>40 & 8 AVE</li><li>ALLEN'S LN</li><li>ALONZO WATFORD SR DR</li><li>AMANDA'S WAY</li><li>COL H WIER COOK MEM DR</li><li>COL H WIER COOK MEM DR N</li><li>COL H WIER COOK MEM DR S</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HARCOURT SPRING TER</li><li>HILLCREST CTRYCLB RD</li><li>MOORESVILLE BY-PASS</li><li>MOUNT PLEASANT CTR DR</li><li>O'HARA CT</li><li>O'HARA LN</li><li>PARK 65 DR</li><li>QUAIL'S NEST DR</li><li>SCOTT-IAN CT</li><li>SCOTT-IAN LN</li><li>STOP 10 RD</li><li>STOP 11 RD</li><li>STOP 12 RD</li><li>STOP 13 RD</li><li>SYCAMORE SPRINGS TRL</li><li>THOMPSON VILLAGE TRL</li><li>VAL-DEL CT</li></ul></li><li>Commonly misspelled street names:<ul><li>COLD SPRING RD</li><li>DEQUINCY ST</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HOLLIDAY CIR</li><li>HOLLIDAY DR</li><li>HOLLIDAY DR E</li><li>HOLLIDAY DR W</li><li>HOLLIDAY LN</li><li>LASALLE ST</li><li>LEGRANDE AVE</li><li>MAC ARTHUR CT</li><li>MAC ARTHUR LN</li><li>MC CLEAN PL</li><li>MC CLELLAN CT</li><li>MC CLURE ST</li><li>MC CONNELL WAY</li><li>MC CORD ST</li><li>MC COY ST</li><li>MC CRAY ST</li><li>MC DOUGAL ST</li><li>MC DOWELL DR</li><li>MC FARLAND BLVD</li><li>MC FARLAND CT</li><li>MC FARLAND PL</li><li>MC FARLAND RD</li><li>MC GAUGHEY RD</li><li>MC GILL ST</li><li>MC GREGOR RD</li><li>MC GUIRE CT</li><li>MC HENRY LN</li><li>MC ILVAIN DR</li><li>MC INTOSH LN</li><li>MC KIM AVE</li><li>MC KINLEY CT</li><li>MC LAIN DR</li><li>MC LAUGHLIN AVE</li><li>MC LEAN PL</li><li>MC LEAY DR</li><li>MCCARTY ST</li><li>MCCLARNEY CT</li><li>MCCLOUD CT N</li><li>MCCLOUD CT S</li><li>MCCOLLOUGH CT</li><li>MCCOLLOUGH DR</li><li>MCCORD LN</li><li>MCCORMICK ST</li><li>MCCREA ST</li><li>MCCREADY CT</li><li>MCCURDY RD</li><li>MCKEAN LN</li><li>MCNUTT CIR</li><li>MCPHERSON ST</li><li>MCTHORN DR</li><li>MITTHOEFER RD</li><li>NORTH PERIMETER RD</li><li>SOUTH PERIMETER RD</li><li>WEST PERIMETER RD</li></ul></li><li>Streets that may have problems being found because a directional is included as part of the street name:<ul><li>NORTH WILLOW WAY</li><li>NORTH CIRCLE DR</li><li>NORTH BEND RD</li><li>NORTH PERIMETER RD</li><li>NORTH SERVICE RD</li><li>NORTH ACCESS RD</li><li>NORTH MEADOW CIR</li><li>NORTH MEADOW DR</li><li>NORTH PARK DR</li><li>SOUTH ACCESS RD</li><li>SOUTH CIRCLE DR</li><li>SOUTH COURT DR</li><li>SOUTH HAVEN CT</li><li>SOUTH PERIMETER RD</li><li>SOUTH RIVER RD</li><li>SOUTH SERVICE RD</li><li>SOUTH VILLAGE WAY</li><li>EAST HILL DR</li><li>EAST BOUNDARY ST</li><li>EAST CIRCLE DR</li><li>WEST ARLINGTON CT</li><li>WEST CIRCLE DR</li><li>WEST FORK RD</li><li>WEST HILL DR</li><li>WEST LAKE DR</li><li>WEST LAKE NDR</li><li>WEST LAKE RD</li><li>WEST LAKE SDR</li><li>WEST PARK WAY</li><li>WEST PERIMETER RD</li><li>WEST POINT DR</li><li>WEST POINT PL</li><li>WEST RIDGE CIR</li><li>WEST VIEW DR</li><li>WEST WIND LN</li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Layers",
                        "content": "<img src='assets/generalviewer/image007.png'/>&nbsp;<span>Information related to boundaries, infrastructure assets, and more is accessible through layers.</span>",
                        "directories": [
                            {
                                "title": "Layer tab",
                                "content": "<span>Click the Layer button to open the Layer tab.  Click the arrow next to ‘Operational Layers’ to expand the layer list. ‘Operational Layers’ is enabled by default, however, the layers it contains are not.</span><ul><li><img src='assets/generalviewer/image008.png'/>(open eye) = Enabled (or visible) layers</li><li><img src='assets/generalviewer/image009.png'/>(eye with slash) = disabled (or non-visible) layers</li><li>To enable/disable a layer, click the eye symbol.</li></ul><figure><img src='assets/generalviewer/image010.png'/><figcaption><i>Layer tab.</i></figcaption></figure><figure><img src='assets/generalviewer/image011.png'/><figcaption><i>Operational Layers expanded.</i></figcaption></figure><figure><img src='assets/generalviewer/image012.png'/><figcaption><i> Landmarks Layer enabled.</i></figcaption></figure>"
                            },
                            {
                                "title": "Legend tab",
                                "content": "<span>Click the Legend tab to see the enabled layers and the corresponding symbology (or how the data is displayed visually on the map).</span><figure><img src='assets/generalviewer/image013.png'/><figcaption><i>Legend Tab.</i></figcaption></figure>"
                            }
                        ]
                    },
                    {
                        "title": "Basemap Gallery (Includes Aerial Photography)",
                        "content": "<img src='assets/generalviewer/image014.png'/>&nbsp;<span>Basemaps are the background setting of a map. This application has a variety of basemap options including: graphic street views, current/historic aerial photography, and tiled historic Sanborn maps.</span><figure><img src='assets/generalviewer/image016.png'/><figcaption><i>Basemap Gallery: Displaying a partial list.</i></figcaption></figure><span>NOTE: Any enabled layers will be overlaid on a selected basemap.</span><ul><li>Click the Basemap Gallery button.  NOTE: The default basemap is ‘Streets Indy’.</li><li>Click any basemap to select and view in the map window. The selected basemap will be highlighted with a blue bar.</li></ul><figure><img src='assets/generalviewer/image015.png'/><figcaption><i>Basemap Gallery: Blue Bar shows selected basemap.</i></figcaption></figure>"
                    },
                    {
                        "title": "Measure",
                        "content": "<img src='assets/generalviewer/image017.png'/>&nbsp;<span>There are two methods available for measurement: Line and Polygon.</span>",
                        "directories": [
                            {
                                "title": "Line tab",
                                "content": "<ul><li>Click the Measure button. The ‘Line’ tab is displayed by default.<figure><img src='assets/generalviewer/image018.png'/><figcaption><i> Line Tab.</i></figcaption></figure></li><li>On the map, click once each point on your line. The measurement will be displayed live on the line segment and in the measurement window.</li><li>Double click to end the line. Once complete, you can change the unit of measurement.</li><li>Clicking ‘New Measurement’ will clear the current selection, allowing you to make a new one.<figure><img src='assets/generalviewer/image019.png'/><figcaption><i>Line Tab with measurement.</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "Polygon tab",
                                "content": "<ul><li>Click the Measure button, the ‘Line’ tab displays by default. To measure by polygon selection, select the ‘Polygon’ tab, on the right.<figure><img src='assets/generalviewer/image020.png'/><figcaption><i> Polygon Tab.</i></figcaption></figure></li><li>On the map, click once for each corner of the polygon.  The measurement will be displayed live on the line segment and in the measurement window.</li><li>Double click the last point to close the polygon.  Once completed, you can change the unit of measurement.</li><li>Clicking ‘New Measurement’ will clear the current selection, allowing you to make a new one.<figure><img src='assets/generalviewer/image021.png'/><figcaption><i>Polygon Tab with measurement.</i></figcaption></figure></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Selection Tool",
                        "content": "<img src='assets/generalviewer/image022.png'/>&nbsp;<span>The Selection Tools are used to view data in enabled (visible) layers. Selected data will appear in a popup window.</span>",
                        "directories": [
                            {
                                "title": "Enable/Disable",
                                "content": "<span>Click the Selection Tool to enable it, it turns blue.</span><figure><img src='assets/generalviewer/image023.png'/><figcaption><i>Enabled.</i></figcaption></figure><span>When enabled, click the Selection Tool to disable it, it turns white.</span><figure><img src='assets/generalviewer/image024.png'/><figcaption><i>Disabled.</i></figcaption></figure>"
                            },
                            {
                                "title": "Open",
                                "content": "<img src='assets/generalviewer/image025.png'/>&nbsp;<span>Click the down arrow on the Selection Tool button to open the selection menu.</span><figure><img src='assets/generalviewer/image031.png'/><figcaption><i>Selection Tool menu.</i></figcaption></figure><h6>Selection Tool</h6><span><b>Selection Tools</b> are used to define the area that will be searched for enabled layers. There are five different selection tools. <u>Note</u>: No results will be returned if there are no enabled layers.</span><ul class='noMarker'><li><img src='assets/generalviewer/image026.png'/>&nbsp;Rectangle: Click, drag, and release to set the search area.</li><li><img src='assets/generalviewer/image027.png'/>&nbsp;Lasso: Click to place a point and double click to close the shape. It is not necessary to connect the start and end points because double clicking will complete the polygon area.</li><li><img src='assets/generalviewer/image028.png'/>&nbsp; Circle: Click, drag, and release to set the search area.</li><li><img src='assets/generalviewer/image029.png'/>&nbsp; Line: Click each point in your line and double click to end.</li><li><img src='assets/generalviewer/image030.png'/>&nbsp; Point: Click on the map.</li></ul><br/><h6>Selection Mode</h6><ul class='noMarker'><li><b>Partially or completely within:</b> Results will be returned for map layer features that are partially or completely contained in the Selection Area.</li><li><b>Completely contained by:</b> Results only returned for map layer features that are completely contained in the Selection Area.</li></ul>"
                            },
                            {
                                "title": "Using the Tool",
                                "content": "<ul><li>Choosing a Selection Tool & the Selection Mode will automatically enable the <b>Selection Tool.</b> If the button is blue, the tool is enabled.</li><li>Click on the map to define the Selection Area.</li><li> Once a selection is made, a red line will run across the top of the Selection Tool button indicating that the results are gathering.<figure><img src='assets/generalviewer/image033.png'/><figcaption><i>Red line will appear above selection tool as results are pending.</i></figcaption></figure></li><li>When the search is complete, the map will zoom to and center on the location of the first result and will display a popup window with details.</li><figure><img src='assets/generalviewer/image032.png'/><figcaption><i>Popup Results.</i></figcaption></figure><li>To clear a Selection Area from the map, click the white extension on the <b>Selection Tool</b> button.<br/><figure class='inline'><img src='assets/generalviewer/image034.png'/><figcaption><i>Enabled Tool and Selection.</i></figcaption></figure><figure class='inline'><img src='assets/generalviewer/image035.png'/><figcaption><i>Enabled Tool, No Selection.</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "Using the Popup",
                                "content": "<img src='assets/generalviewer/image036.png'/><ul><li>Click on the window icon in the popup <img src='assets/generalviewer/image037.png'/> to dock the popup window, and view the Selection Area.</li><li>Click on the <img src='assets/generalviewer/image038.png'/> icon to close the results.</li><li>Click on zoom icon <img src='assets/generalviewer/image039.png'/> to zoom to and center on the selected feature.</li><li>If the selection has multiple results, toggle between them using the previous and next arrow icons <img src='assets/generalviewer/image040.png'/>.</li><li>Click <img src='assets/generalviewer/image041.png'/> between the previous/next icons to open a menu of all results returned.  You can click a result to open the record.<br/><img src='assets/generalviewer/image042.png'/></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Help",
                        "content": "<img src='assets/generalviewer/image043.png'/>&nbsp;<span>The <b>Help</b> tool opens this help page for the MapIndy application.  It’s located on the right-side of the toolbar at the top of the page.</span>"
                    }
                ]
            },
            {
                "title": "Print",
                "content": "<img src='assets/generalviewer/image044.png'/>&nbsp;<span>The <b>Print</b> tool button is located at the bottom of the map. Use this tool to print/export a map displayed in the browser. All visible map content will be printed, excluding tools. You can specify title, page setup, file format, and more.</span>",
                "directories": [
                    {
                        "title": "Open the Print window",
                        "content": "<ul><li>Click the Print button.</li><figure><img src='assets/generalviewer/image045.png'/><figcaption><i>Print window, Layout tab.</i></figcaption></figure><li>Resize the print window using the <img src='assets/generalviewer/image046.png'/> control in the bottom right corner. Hover over the icon until your mouse pointer changes to a double-sided arrow, then click-hold and drag to desired size. Use the scroll bar to access all content.</li><figure><img src='assets/generalviewer/image047.png'/><figcaption><i>Print window resized.</i></figcaption></figure></ul>"
                    },
                    {
                        "title": "Layout tab",
                        "content": "<span>The Layout tab is opened by default. Use the Layout options to customize print/export settings.</span><ul class='noMarker'><li><b>Title:</b> Enter a Title for your map.</li><li><b>Page Setup:</b> Choose your page size.</li><li><b>File Format:</b> Select the file format to save the map as.</li><li><b>Advanced Options:</b> Click the down arrow to the left of ‘Advanced options’ to expand it.<figure><img src='assets/generalviewer/image048.png'/><figcaption><i>Advanced options for Layout tab.</i></figcaption></figure><ul class='discMarker'><li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, you can check the ‘Set scale’ box and enter the scale desired.</li><li><b>Author:</b> Enter the name of the map Author.</li><li><b>Copyright:</b> Enter any Copyright information.</li><li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li><li><b>Include Legend:</b> Check this box to include a Legend on the map.</li></ul></li><li><b>Export:</b><br/><figure><img src='assets/generalviewer/image049.png'/><figcaption><i>Export file link in the Print window.</i></figcaption></figure><ul class='discMarker'><li>Click the Export button to Export the map.</li><li>When the export completes, a link to the file will appear under Exported Files.</li><li>Click the link to open the map in your browser.</li></ul></li><li><b>Print/Save:</b> Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul>"
                    },
                    {
                        "title": "Map Only tab",
                        "content": "<span>To only print/export the map, click the <b>Map Only</b> tab from the Print Window.</span><figure><img src='assets/generalviewer/image050.png'/><figcaption><i>Map Only tab in the Print window.</i></figcaption></figure><ul class='noMarker'><li><b>File Name:</b> Enter a File Name for your map.</li><li><b>File Format:</b> Select the file format to save the map as.</li><li><b>Width & Height:</b> Change as desired. Clicking <img src='assets/generalviewer/image051.png'/> will swap the width and height values.</li><li><b>Advanced Options:</b> Click the down arrow to the left of ‘Advanced options’ to expand it.</li><figure><img src='assets/generalviewer/image053.png'/><figcaption><i>Advanced Options, Map Only tab on Print window.</i></figcaption></figure><li><ul class='discMarker'><li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, you can check the ‘Set scale’ box and enter the scale desired.</li><li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li><li><b>Include Attribution:</b> This is checked by default. If left enabled, it will include text at the bottom-right of the map citing the data sources used in the map. Uncheck to exclude the data source information.<figure><img src='assets/generalviewer/image052.png'/><figcaption><i>Text on exported map when ‘Include Attribution’ is selected.</i></figcaption></figure></li></ul></li><li><b>Export:</b><br/><figure><img src='assets/generalviewer/image049.png'/><figcaption><i>Export file link in the Print window.</i></figcaption></figure><ul class='discMarker'><li>Click the Export button to Export the map.</li><li>When the export completes, a link to the file will appear under Exported Files.</li><li>Click the link to open the map in your browser.</li></ul></li><li><b>Print/Save:</b> Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul>"
                    }
                ]
            },
            {
                "title": "Parcel Search",
                "content": "<img src='assets/generalviewer/image054.png'/>&nbsp;<span>The <b>Parcel Search</b> tool button is located at the bottom of the map.  This tool offers several options for locating property information which includes a link to the Property Record Card.</span>",
                "directories": [
                    {
                        "title": "Browse all Marion County properties",
                        "content": "<span>Click the Parcel Search button to open the Parcel Search window.</span><br/><span>The Parcel Search window automatically populates with a list of all Marion County properties sorted by local parcel number. Click to zoom to, center on, and highlight the selected parcel.</span><figure><img src='assets/generalviewer/image055.png'/><figcaption><i>Parcel Search window. Auto populates with all<br/>Marion County properties sorted by parcel number.</i></figcaption></figure>"
                    },
                    {
                        "title": "Search a local parcel number",
                        "content": "<span>In the Parcel Search window, click <img src='assets/generalviewer/image056.png'/>, enter the local parcel number, and hit ‘Enter’ key to search for the parcel. Click the property record that was returned to zoom to, center on, and highlight the parcel. The Property Information popup window will also appear.</span><figure><img src='assets/generalviewer/image057.png'/><figcaption><i>Local parcel search results.</i></figcaption></figure>"
                    },
                    {
                        "title": "Filter the Property Records",
                        "content": "<span>In the Parcel Search window, click the filter icon <img src='assets/generalviewer/image059.png'/> to reveal filter options.</span><ul><li>By Local Parcel Number: Enter the local parcel number (#######) and click the ‘Apply’ button.</li><li>By State Parcel Number: Enter the State parcel number (## ## ## ### ###.### ###) and click the apply button.</li><li>By Owner Name: Enter the owner’s name and click the apply button.</li></ul><figure><img src='assets/generalviewer/image058.png'/><figcaption><i>Filter Options.</i></figcaption></figure>"
                    },
                    {
                        "title": "Open Property Information Popup",
                        "content": "<span>Clicking on a property record from the Parcel Search list will zoom to, center on, and highlight the parcel. The Property Information popup window will also appear.</span><figure><img src='assets/generalviewer/image060.png'/><figcaption><i>Property Information popup.</i></figcaption></figure><h6>Using the Popup</h6><ul><li>Click on the window icon in the popup <img src='assets/generalviewer/image061.png'/> to dock the popup window, and view the Selection Area.</li><li>Click on the ‘X’ icon to close the results.</li><li>Click on zoom icon <img src='assets/generalviewer/image062.png'/> to zoom to and center on the selected feature.</li><li>Click the ‘You can obtain property record card here’ link to open the Property Record Card.</li></ul>"
                    }
                ]
            },
            {
                "title": "Oblique Imagery",
                "content": "<img src='assets/generalviewer/image063.png'/>&nbsp;&nbsp;<span>The <b>Oblique Imagery</b> tool button is located at the bottom of the map.  It displays locations on the map in an oblique aerial view.</span>",
                "directories": [
                    {
                        "title": "Oblique Imagery window",
                        "content": "<span>Open the Oblique Imagery window</span><figure><img src='assets/generalviewer/image075.png'/><figcaption><i>Open Oblique Imagery window.</i></figcaption></figure><ul><li>Click on the Oblique Imagery button to open the Oblique Imagery window.</li><li>Click on the map to start. </li><li>A blue pin will appear on the map where you clicked and the oblique imagery for that location will display in the Oblique Imagery window along with navigation and export tools.</li></ul><span>Resize the Oblique Imagery window</span><ul class='noMarker'><li>Resize the Oblique Imagery window using the <img src='assets/generalviewer/image064.png'/> control in the bottom right corner. Hover over the icon until your mouse pointer changes to a double-sided arrow, then click-hold and drag to desired size. To move the window, mouse over the blue header until a four-directional arrow appears, click, hold, and drag the window.</li></ul>"
                    },
                    {
                        "title": "Navigation Tools",
                        "content": "<span>Use navigation tools to move your current view to a different image or location.</span><figure><img src='assets/generalviewer/image076.png'/><figcaption><i>Displaying Oblique Imagery and tools.</i></figcaption></figure><div class='listContent'><span><b>Pan:</b></span><br><img src='assets/generalviewer/image065.png'><br><span>When you place your mouse curser over the oblique image, it will change to a hand symbol. Click, hold and drag to move the image.</span><br><br><span><b>Drag and Drop Pin to Change the View:</b></span><br><img src='assets/generalviewer/image066.png'><br><span>To move locations, click, hold, and drag the blue pin. The oblique image will refresh and display the new location.</span><br><br><span><b>Compass tool:</b></span><br><img src='assets/generalviewer/image067.png'><br><span>View the current location from a different direction using the navigation buttons on the compass. View options include the south (north facing, default view), north (south facing), east (west facing), west (east facing), or from directly above (an ortho image).<br>If you want to see the location from a different direction, click any of the arrow controls on the compass.<br>Click the dot control in the middle bottom of the compass to see the location from directly above (ortho image).</span><br><br><span><b>Zoom:</b></span><br><img src='assets/generalviewer/image068.png'><br><span>Zoom in or out to move closer or farther away from a location. Click the plus sign <img src='assets/generalviewer/image069.png'> to Zoom In and the minus sign <img src='assets/generalviewer/image070.png'> to Zoom Out.</span><br><br><span><b>Zoom Shortcuts:</b></span><br><img src='assets/generalviewer/image071.png'><br><span>If you hover over the zoom controls, Zoom Shortcuts will appear, Neighborhood level & Community level.</span><br><br><span><b>Image Selection:</b></span><br><img src='assets/generalviewer/image072.png'><br><span>The Image Selection tool allows you to view additional oblique or ortho images of the same (or similar) orientation for the current location at the current zoom level. Click the arrows to change the image.</span></div>"
                    },
                    {
                        "title": "Export Image to PDF",
                        "content": "<img src='assets/generalviewer/image073.png'/>&nbsp;<span>Click the ‘Export Image to PDF’ button, the Print Image window will open.</span><br/><span>Enter a title (optional) for the image and click ‘OK’. The PDF will open in a browser window. To save or print the image, right click on it and select ‘Save’ or ‘Print’.</span><br/><img src='assets/generalviewer/image074.png'>"
                    }
                ]
            },
            {
                "title": "Draw",
                "content": "<img src='assets/generalviewer/image077.png'/>&nbsp;<span>The Draw tool button is located at the bottom of the map.  Use this tool to create and edit customizable shapes and text on the map.</span>",
                "directories": [
                    {
                        "title": "Draw Tool Basics",
                        "content": "<figure><img src='assets/generalviewer/image078.png'/><figcaption><i>Draw Tool window</i></figcaption></figure><span><b>Open the Draw Tool</b></span><ul><li>To open the Draw tool window, click the draw tool button <img src='assets/generalviewer/image077.png'/>.</li><li>The button changes to red <img src='assets/generalviewer/image079.png'/> indicating that the tool is active.</li></ul><span><b>Move the window</b></span><ul><li>To move the tool window, place your mouse pointer in the window header until it changes to the move icon <img src='assets/generalviewer/image080.png'/> then click-hold-drag the window to the desired location.<figure><img src='assets/generalviewer/image081.png'/><figcaption><i>Draw Tool window header</i></figcaption></figure></li></ul><span><b>Resize the window</b></span><ul><li>Mouse over the resize control <img src='assets/generalviewer/image064.png'/> at the bottom-right corner of the window until the mouse pointer changes to the resize icon <img src='assets/generalviewer/image082.png'/> then click-hold-drag the window to the desired size.</li></ul><span><b>Close the window</b></span><ul><li>Click the close icon <img src='assets/generalviewer/image083.png'/> at the top-right corner of the header to close the tool window.</li></ul>"
                    },
                    {
                        "title": "Create Shapes & Text",
                        "content": "<span>Include customizable drawings on the map using the shape and text options.</span><figure><img src='assets/generalviewer/image084.png'/><figcaption><i>Draw tool with the shape and text options identified</i></figcaption></figure><ul class='noMarker'><li><img src='assets/generalviewer/image085.png'/> <b>Point:</b> Draw a point on the map.</li><li><img src='assets/generalviewer/image086.png'/> <b>Polyline:</b> Draw a line, polyline, or freehand line on the map.</li><li><img src='assets/generalviewer/image087.png'/> <b>Polygon:</b> Draw a polygon or freehand polygon on the map.</li><li><img src='assets/generalviewer/image088.png'/> <b>Rectangle:</b> Draw a rectangle on the map.</li><li><img src='assets/generalviewer/image089.png'/> <b>Circle:</b> Draw a circle on the map.</li><li><img src='assets/generalviewer/image090.png'/> <b>Text:</b> Include text on the map.</li></ul>",
                        "directories": [
                            {
                                "title": "Point",
                                "content": "<figure><img src='assets/generalviewer/image091.png'/><figcaption><i>Draw tool with Point selected</i></figcaption></figure><ul><li>Click the Point button <img src='assets/generalviewer/image085.png'/>.<ul><li>It will turn blue to indicate that it is active <img src='assets/generalviewer/image092.png'/>.</li><li>The Point configuration options will appear in the Draw tool window.</li></ul></li></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Point",
                                        "content": "<span>Set the Point configuration options.</span><figure><img src='assets/generalviewer/image093.png'/><figcaption><i>Point Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Color & Outline",
                                                "content": "<span>Choose or enter a fill/outline color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Fill Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image095.png'/><figcaption><i>Outline Color button</i></figcaption></figure><ul><li>The Fill Color option is not available for ‘cross’ and ‘X’ point styles.</li><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</li></ul>"
                                            },
                                            {
                                                "title": "Style",
                                                "content": "<span>Select a Point Style.</span><span><figure><img src='assets/generalviewer/image096.png'/><figcaption><i>Point Style options</i></figcaption></figure></span><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Size",
                                                "content": "<span>Set the shape size in pixels.</span><figure><img src='assets/generalviewer/image097.png'/><figcaption><i>Shape size control</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the shape size from 1-100.</li><li>You can also enter a number manually.</li></ul>"
                                            },
                                            {
                                                "title": "Width",
                                                "content": "<span>Set the outline width.</span><figure><img src='assets/generalviewer/image099.png'/><figcaption><i>Outline Width control</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the point outline width from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Draw a Point",
                                        "content": "<figure><img src='assets/generalviewer/image100.png'/><figcaption><i>Map displaying a point</i></figcaption></figure><ul><li>Click anywhere on the map to draw the point.</li><li>The ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Polyline",
                                "content": "<figure><img src='assets/generalviewer/image102.png'/><figcaption><i>Draw tool with Polyline selected</i></figcaption></figure><ul><li>Click the Polyline button <img src='assets/generalviewer/image086.png'/>.</li><ul><li>It will turn blue to indicate that it is active, <img src='assets/generalviewer/image103.png'/>.</li><li>The Polyline configuration options will appear in the Draw tool window.</li></ul></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Polyline",
                                        "content": "<span>Set the Polyline configuration options.</span><figure><img src='assets/generalviewer/image104.png'/><figcaption><i>Polyline Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Color",
                                                "content": "<span>Choose or enter a Polyline color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Polyline Color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</li></ul>"
                                            },
                                            {
                                                "title": "Style",
                                                "content": "<span>Select the Polyline style.</span><figure><img src='assets/generalviewer/image105.png'/><figcaption><i>Polyline Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Width",
                                                "content": "<span>Set the Polyline width</span><figure><img src='assets/generalviewer/image099.png'/><figcaption><i>Polyline Width control</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the Polyline width from 1-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Draw a Polyline",
                                        "content": "<span>There are three types of line that can be drawn with the Polyline tool; Line, Polyline, and Freehand Polyline.</span><ul><li><u>Line</u>: A single straight line segment created by placing two points on the map.</li><ul><li>On the map, click to place the first point and double-click to place the second point and end the line.<figure><img src='assets/generalviewer/image106.png'/><figcaption><i>Map displaying<br/>a line</i></figcaption></figure></li></ul><li><u>Polyline</u>: A line comprised of two or more line segments created by placing three or more points on the map.</li><ul><li>On the map, click to place points and double-click to end the line.<figure><img src='assets/generalviewer/image107.png'/><figcaption><i>Map displaying<br/>a polyline</i></figcaption></figure></li></ul><li><u>Freehand Polyline</u>: A freehand polyline is created by dragging the mouse pointer over the map. Points are automatically inserted for every mouse pointer movement.</li><ul><li>On the map, click-hold-drag and double-click to end the line.<figure><img src='assets/generalviewer/image108.png'/><figcaption><i>Map displaying<br/>a freehand polyline</i></figcaption></figure></li></ul></ul><span>After drawing a polyline on the map, the ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw tool window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</span>"
                                    }
                                ]
                            },
                            {
                                "title": "Polygon",
                                "content": "<figure><img src='assets/generalviewer/image109.png'/><figcaption><i>Draw tool with Polygon selected and configuration options showing</i></figcaption></figure><ul><li>Click the Polygon button <img src='assets/generalviewer/image087.png'/>.<ul><li>It will turn blue to indicate that it is active, <img src='assets/generalviewer/image110.png'/>.</li><li>The Polygon configuration options will appear in the Draw tool window.</li></ul></li></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Polygon",
                                        "content": "<span>Set the Polygon configuration options.</span><figure><img src='assets/generalviewer/image111.png'/><figcaption><i>Polygon Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Fill & Outline color",
                                                "content": "<span>Choose or enter a fill/outline color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Fill Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image095.png'/><figcaption><i>Outline color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</li></ul>"
                                            },
                                            {
                                                "title": "Fill Style",
                                                "content": "<span>Select the polygon fill style.</span><figure><img src='assets/generalviewer/image112.png'/><figcaption><i>Polygon Fill Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Style",
                                                "content": "<span>Select the polygon outline style.</span><figure><img src='assets/generalviewer/image113.png'/><figcaption><i>Polygon Outline Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Width",
                                                "content": "<span>Set the polygon outline width.</span><figure><img src='assets/generalviewer/image114.png'/><figcaption><i>Polygon Outline Style options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the outline width from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Draw a Polygon",
                                        "content": "<span>There are two types of polygons that can be drawn with the Polygon tool; Polygon and Freehand Polygon.</span><ul><li><u>Polygon</u>: A polygon is comprised of three or more straight lines created by placing three or more points on the map.<ul><li>On the map, click to place points and double-click to complete the polygon. You do not need to connect the first and last points. Double-clicking to end the polygon will connect them automatically.<figure><img src='assets/generalviewer/image115.png'/><figcaption><i>Unfinished Polygon</i></figcaption></figure><figure><img src='assets/generalviewer/image116.png'/><figcaption><i>Finished Polygon</i></figcaption></figure></li></ul></li><li><u>Freehand Polygon</u>: A freehand polygon is created by dragging the mouse pointer over the map. Points are automatically inserted for every mouse pointer movement.<ul><li>On the map, click-hold-drag and double-click to complete the polygon. You do not need to connect the first and last points. Double-clicking to end the polygon will connect them automatically.<figure><img src='assets/generalviewer/image117.png'/><figcaption><i>Unfinished Polygon</i></figcaption></figure><figure><img src='assets/generalviewer/image118.png'/><figcaption><i>Finished Polygon</i></figcaption></figure></li></ul></li></ul><span>After drawing a polygon on the map, the ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</span>"
                                    }
                                ]
                            },
                            {
                                "title": "Rectangle",
                                "content": "<figure><img src='assets/generalviewer/image119.png'/><figcaption><i>Draw tool with Rectangle selected and configuration options showing</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image088.png'/> to increase/decrease the outline width from 0-100.<ul><li>It will turn blue to indicate that it is active, <img src='assets/generalviewer/image120.png'/>.</li><li>The Rectangle configuration options will appear in the Draw tool window.</li></ul></li></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Rectangle",
                                        "content": "<span>Set the Rectangle configuration options.</span><figure><img src='assets/generalviewer/image111.png'/><figcaption><i>Rectangle Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Fill & Outline Color",
                                                "content": "<span>Choose or enter a fill/outline color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Fill Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image095.png'/><figcaption><i>Outline color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</li></ul>"
                                            },
                                            {
                                                "title": "Fill Style",
                                                "content": "<span>Select the rectangle fill style.</span><figure><img src='assets/generalviewer/image112.png'/><figcaption><i>Rectangle Fill Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Style",
                                                "content": "<span>Select the rectangle outline style.</span><figure><img src='assets/generalviewer/image113.png'/><figcaption><i>Rectangle Outline Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Width",
                                                "content": "<span>Set the rectangle outline width.</span><figure><img src='assets/generalviewer/image114.png'/><figcaption><i>Rectangle Outline Style options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the outline width from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Draw a Rectangle",
                                        "content": "<figure><img src='assets/generalviewer/image121.png'/><figcaption><i>Map displaying a rectangle</i></figcaption></figure><ul><li>On the map, click-hold-drag and release to complete the rectangle.</li><li>The ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</li></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Circle",
                                "content": "<figure><img src='assets/generalviewer/image122.png'/><figcaption><i>Draw tool with Circle selected</i></figcaption></figure><ul><li>Click the Circle button <img src='assets/generalviewer/image089.png'/>.<ul><li>It will turn blue to indicate that it is active, <img src='assets/generalviewer/image123.png'/>.</li><li>The Circle configuration options will appear in the Draw tool window.</li></ul></li></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Circle",
                                        "content": "<span>Set the Circle configuration options.</span><figure><img src='assets/generalviewer/image111.png'/><figcaption><i>Circle Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Fill & Outline Color",
                                                "content": "<span>Choose or enter a fill/outline color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Fill Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image095.png'/><figcaption><i>Outline color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</li></ul>"
                                            },
                                            {
                                                "title": "Fill Style",
                                                "content": "<span>Select the circle fill style.</span><figure><img src='assets/generalviewer/image112.png'/><figcaption><i>Circle Fill Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Style",
                                                "content": "<span>Select the circle outline style.</span><figure><img src='assets/generalviewer/image113.png'/><figcaption><i>Circle Outline Style options</i></figcaption></figure><ul><li>Click the dropdown arrow to open the Style options and make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Outline Width",
                                                "content": "<span>Set the circle outline width.</span><figure><img src='assets/generalviewer/image114.png'/><figcaption><i>Circle Outline Style options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the outline width from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Draw a Circle",
                                        "content": "<figure><img src='assets/generalviewer/image124.png'/><figcaption><i>Map displaying a circle</i></figcaption></figure><ul><li>On the map, click-hold-drag and release to complete the circle.</li><li>The ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</li></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Text",
                                "content": "<figure><img src='assets/generalviewer/image125.png'/><figcaption><i>Draw tool with Text selected</i></figcaption></figure><ul><li>Click the Text button <img src='assets/generalviewer/image090.png'/>.<ul><li>It will turn gray to indicate that it is active, <img src='assets/generalviewer/image126.png'/>.</li><li>The Text configuration options will appear in the Draw tool window.</li></ul></li></ul>",
                                "directories": [
                                    {
                                        "title": "Configure Text",
                                        "content": "<span>Set the Text configuration options.</span><figure><img src='assets/generalviewer/image127.png'/><figcaption><i>Text Configuration Options</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Font & Halo Color",
                                                "content": "<span>Choose or enter a font/halo color and apply transparency.</span><figure><img src='assets/generalviewer/image129.png'/><figcaption><i>Font Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image130.png'/><figcaption><i>Halo color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic below for detailed information about this tool.</ul>"
                                            },
                                            {
                                                "title": "Style",
                                                "content": "<span>Select Font styles.</span><figure><img src='assets/generalviewer/image131.png'/><figcaption><i>Font Style options</i></figcaption></figure><ul class='noMarker'><li><img src='assets/generalviewer/image132.png'/> <b>Bold</b> (selected by default)<li><img src='assets/generalviewer/image133.png'/> <b>Italic</b><li><img src='assets/generalviewer/image134.png'/> <b>Underline</b><li><img src='assets/generalviewer/image135.png'/> <b>Strikethrough</b></ul><ul><li>Click each button to activate the desired Font style.<ul><li>The button for any font style that’s active will turn blue.</li><li>Underline and Strikethrough cannot be used together.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Size",
                                                "content": "<span>Set the Font size in pixels.</span><figure><img src='assets/generalviewer/image136.png'/><figcaption><i>Font size control</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the point shape size from 7-100.</li><li>You can also enter a number manually.</li></ul>"
                                            },
                                            {
                                                "title": "Halo Size",
                                                "content": "<span>Set the Halo size.</span><figure><img src='assets/generalviewer/image137.png'/><figcaption><i>Halo size control</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the Halo size from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Insert Text",
                                        "content": "<figure><img src='assets/generalviewer/image138.png'/><figcaption><i>Map displaying text</i></figcaption></figure><ul><li>Click anywhere on the map to place the text.</li><li>The ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> appears in the Draw window. This feature is discussed in detail in the ‘Shared Shape and Text Configuration Options’ section below.</li></ul>"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "title": "Shared Shape & Text Configuration Options",
                        "content": "<span>The ‘Remove all drawings’ button <img src='assets/generalviewer/image101.png'/> & color selection controls <img src='assets/generalviewer/image139.png'/> are identical for all drawing shapes and text.</span>",
                        "directories": [
                            {
                                "title": "Remove All Drawings",
                                "content": "<span>After placing a shape or text on the map, the ‘Remove all drawings’ button appears in the Draw tool window and remains there as long as shape or text features are present on the map.</span><figure><img src='assets/generalviewer/image140.png'/><figcaption><i>Draw tool showing ‘Remove all drawings’ button</i></figcaption></figure><ul><li>To remove all shape/text features, click the ‘Remove all drawings’ button, <img src='assets/generalviewer/image101.png'/>.<ul><li>The button changes to display a confirmation message, Confirm button, and Cancel button.<figure><img src='assets/generalviewer/image141.png'/><figcaption><i>Confirm ‘Remove all drawings’ request</i></figcaption></figure></li></ul></li><li>Click the Confirm button <img src='assets/generalviewer/image142.png'/> to remove all drawings.</li><li>Click the Cancel button <img src='assets/generalviewer/image143.png'/> to abort the process.</li></ul>"
                            },
                            {
                                "title": "Color Selection: Shape, Outline, Text and Halo",
                                "content": "<span>Choose or enter a color and apply transparency.</span><figure><img src='assets/generalviewer/image094.png'/><figcaption><i>Shape Fill Color</i></figcaption></figure><figure><img src='assets/generalviewer/image095.png'/><figcaption><i>Shape Outline Color</i></figcaption></figure><figure><img src='assets/generalviewer/image129.png'/><figcaption><i>Text Color</i></figcaption></figure><figure><img src='assets/generalviewer/image130.png'/><figcaption><i>Text Halo Color</i></figcaption></figure><ul><li>Click a color button <img src='assets/generalviewer/image139.png'/> to open the color options.<figure><img src='assets/generalviewer/image144.png'/><figcaption><i>Color options</i></figcaption></figure><ul><li><u>Color Palate</u>: Click anywhere in the color palate to change the color. A white circle appears where you clicked.<figure><img src='assets/generalviewer/image145.png'/><figcaption><i>Color palate</i></figcaption></figure></li><li><u>Color Palate Slider</u>: Move the slider to change the color options available on the palate.<figure><img src='assets/generalviewer/image146.png'/><figcaption><i>Color slider</i></figcaption></figure></li><li><u>Transparency Slider</u>: Move the slider to the far right to make the color opaque, move it to the far left for 100% transparent, or somewhere in-between to make it semi-transparent.<figure><img src='assets/generalviewer/image147.png'/><figcaption><i>Transparency slider</i></figcaption></figure></li><li><u>Color Preview</u>: Preview the color and transparency settings.<figure><img src='assets/generalviewer/image148.png'/><figcaption><i>Color Preview</i></figcaption></figure></li><li><u>HEX Value</u>: The HEX value of your color selection appears here. You can also enter a value manually.<figure><img src='assets/generalviewer/image149.png'/><figcaption><i>HEX value of the selected fill color</i></figcaption></figure></li><li><u>RGBA Value</u>: The RGBA value of your color selection appears here. You can also enter a value manually.<figure><img src='assets/generalviewer/image150.png'/><figcaption><i>RGBA value of the selected color</i></figcaption></figure></li><li><u>Standard Color Selection</u>: Select a color from the Standard options.<figure><img src='assets/generalviewer/image151.png'/><figcaption><i>Standard color options</i></figcaption></figure></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Edit Shapes and Text",
                        "content": "<span>Use the Transform and Reshape tools to move, edit, or delete individual shapes and text drawn on the map.</span><figure><img src='assets/generalviewer/image152.png'/><figcaption><i>Shape Fill Color</i></figcaption></figure><ul class='noMarker'><li><b>Transform Tool</b> (Selected by Default)<figure><img src='assets/generalviewer/image153.png'/><figcaption><i>Selected</i></figcaption></figure><figure><img src='assets/generalviewer/image154.png'/><figcaption><i>Unselected</i></figcaption></figure><ul class='discMarker'><li>Points and Text selected with this tool can be re-configured, moved, or deleted.</li><li>Shapes (polyline, polygon, square, and circle) selected with this tool can be re-configured, moved, rotated, resized, or deleted.</li></ul><li><b>Reshape Tool</b><figure><img src='assets/generalviewer/image155.png'/><figcaption><i>Selected</i></figcaption></figure><figure><img src='assets/generalviewer/image156.png'/><figcaption><i>Unselected</i></figcaption></figure><ul class='discMarker'><li>Points and Text can be selected with this tool but cannot be reshaped. As a result, the ‘Transform’ tool is activated which allows you to re-configure, move, or delete the selection.</li><li>Shapes (polyline, polygon, square, and circle) selected with this tool can be re-configured, moved, reshaped, or deleted.</li></ul><li><b>Undo and Redo</b><figure><img src='assets/generalviewer/image157.png'/><figcaption><i>Undo</i></figcaption></figure><figure><img src='assets/generalviewer/image158.png'/><figcaption><i>Redo</i></figcaption></figure><ul class='discMarker'><li>The Undo and Redo buttons are only active when a drawing is selected for editing and configuration changes have been made.</li></ul></ul>",
                        "directories": [
                            {
                                "title": "Select a Drawing",
                                "content": "<ul><li>Click the Transform <img src='assets/generalviewer/image154.png'/> or Reshape <img src='assets/generalviewer/image156.png'/> tool, the button will turn blue to indicate it’s active, <img src='assets/generalviewer/image153.png'/> or <img src='assets/generalviewer/image155.png'/>.</li><li>Click any drawing added to the map to select it for editing.</li><li>Edit Configuration and Delete options will be displayed in the Draw tool window.</li><li>Selecting a shape (Polyline, Polygon, Square, and Circle) with the Transform tool displays the Resize and Rotate controls. These functions are discussed in detail in the ‘Resize a Drawing’ and ‘Rotate a Drawing’ sections below.<figure><img src='assets/generalviewer/image159.png'/><figcaption><i>Polyline showing the Resize<br/>and Rotate controls</i></figcaption></figure></li><li>Selecting a shape (Polyline, Polygon, Square, and Circle) with the Reshape tool displays the Reshape controls. This function is discussed in detail in the ‘Reshape a Drawing’ section below.<figure><img src='assets/generalviewer/image160.png'/><figcaption><i>Polyline showing the Reshape controls</i></figcaption></figure></li><li>Selecting a Point or Text with the Reshape tool will activate the Transform tool because these drawing types cannot be reshaped.<ul><li>When a Point or Text is selected with the Transform tool the Resize and Rotate controls are not displayed because these drawing types cannot be resized or rotated.</li></ul></li></ul>"
                            },
                            {
                                "title": "Delete a Drawing",
                                "content": "<span>Select a drawing with the Transform <img src='assets/generalviewer/image153.png'/> or Reshape <img src='assets/generalviewer/image155.png'/> tool to display the Delete Feature option in the Draw tool window.</span><figure><img src='assets/generalviewer/image161.png'/><figcaption><i>Delete Feature option</i></figcaption></figure><ul><li>Click the Delete Feature icon <img src='assets/generalviewer/image162.png'/> to remove the selected drawing from the map.</li></ul>"
                            },
                            {
                                "title": "Re-configure a Drawing",
                                "content": "<span>Select a drawing with the Transform <img src='assets/generalviewer/image153.png'/> or Reshape <img src='assets/generalviewer/image155.png'/> tool to display the Configuration Edit options in the Draw tool window.</span><figure><img src='assets/generalviewer/image163.png'/><figcaption><i>Point Configuration Edit options</i></figcaption></figure><figure><img src='assets/generalviewer/image164.png'/><figcaption><i>Polyline Configuration Edit options</i></figcaption></figure><figure><img src='assets/generalviewer/image165.png'/><figcaption><i>Polygon, Square, and Circle Configuration Edit options</i></figcaption></figure><figure><img src='assets/generalviewer/image127.png'/><figcaption><i>Text Configuration Edit options</i></figcaption></figure><ul><li>Make changes to any configuration option displayed.</li><ul><li>The selected shape or text will be updated as changes are made.</li><li>Please refer to the ‘Create Shapes and Text’ section above for detailed instructions on configuring drawings.</li></ul></ul>"
                            },
                            {
                                "title": "Show Measurement",
                                "content": "<span>When a shape (Polyline, polygon, square, or circle) is selected with the Transform <img src='assets/generalviewer/image153.png'/> or Reshape <img src='assets/generalviewer/image155.png'/> tool the ‘Show measurements’ checkbox is included in the Edit Configuration options.</span><figure><img src='assets/generalviewer/image166.png'/><figcaption><i>Show Measurement checkbox</i></figcaption></figure><span>This option will add a measurement label to the shape selected.</span><ul><li>Area and/or Perimeter for Polygons, Rectangles, and Circles.</li><li>Length for Polylines.</li></ul>",
                                "directories": [
                                    {
                                        "title": "Show Area and/or Perimeter (Polygons, Rectangles, and Circles)",
                                        "content": "<figure><img src='assets/generalviewer/image167.png'/><figcaption><i>Measurement configuration options for Polygons, Rectangles,<br/>and Circles</i></figcaption></figure><ul><li>Click the ‘Show measurements’ checkbox.<ul><li>The measurement configuration options are displayed in the Draw tool window.</li><li>A measurement label is added to the selected shape on the map.<figure><img src='assets/generalviewer/image168.png'/><figcaption><i>Circle labeled with Area and<br/>Perimeter measurements</i></figcaption></figure></li></ul></li></ul>",
                                        "directories": [
                                            {
                                                "title": "Adjust Label Position",
                                                "content": "<ul><li>Click the ‘Adjust label position’ <img src='assets/generalviewer/image169.png'/> button to move the label.<ul><li>A red four-arrow icon replaces the label on the shape.<figure><img src='assets/generalviewer/image170.png'/><figcaption><i>Shape showing the ‘Adjust label position’ icon</i></figcaption></figure></li></ul></li><li>Mouse over the icon and click-drag it to the desired position.</li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li><li>Click any drawing tool to deactivate the move icon and re-display the label.</li><li>When you select the drawing again the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> is displayed.<figure><img src='assets/generalviewer/image172.png'/><figcaption><i>‘Show measurements’ with ‘Adjust label<br/>position’ and ‘Set label to default position’<br/>buttons showing</i></figcaption></figure><ul><li>Click the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> to return the label to its original position.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Area Units",
                                                "content": "<figure><img src='assets/generalviewer/image173.png'/><figcaption><i>Area Unit options</i></figcaption></figure><ul><li>Click the ‘Area units’ dropdown arrow to display the measurement unit options.<ul><li>Select the unit of measure to use for the area label.</li><li>Or, select the ‘Do not show’ option to exclude the area label from the map drawing.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Perimeter Units",
                                                "content": "<figure><img src='assets/generalviewer/image174.png'/><figcaption><i>Perimeter Unit options</i></figcaption></figure><ul><li>Click the ‘Perimeter units’ dropdown arrow to display the measurement unit options.<ul><li>Select the unit of measure to use for the perimeter label.</li><li>Or, select the ‘Do not show’ option to exclude the perimeter label from the map drawing.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Font and Halo Color",
                                                "content": "<span>Choose or enter a font/halo color and apply transparency.</span><figure><img src='assets/generalviewer/image129.png'/><figcaption><i>Font Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image130.png'/><figcaption><i>Halo Color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic above for detailed information about this tool.</li><ul>"
                                            },
                                            {
                                                "title": "Font Styles",
                                                "content": "<span>Select Font styles.</span><figure><img src='assets/generalviewer/image131.png'/><figcaption><i>Font Style options</i></figcaption></figure><ul class='noMarker'><li><img src='assets/generalviewer/image132.png'/> <b>Bold</b> (selected by default)<li><img src='assets/generalviewer/image133.png'/> <b>Italic</b><li><img src='assets/generalviewer/image134.png'/> <b>Underline</b><li><img src='assets/generalviewer/image135.png'/> <b>Strikethrough</b></ul><ul><li>Click each button to activate the desired Font style.<ul><li>The button for any font style that’s active will turn blue.</li><li>Underline and Strikethrough cannot be used together.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Font Size",
                                                "content": "<span>Set the Font size.</span><figure><img src='assets/generalviewer/image136.png'/><figcaption><i>Font size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the point shape size from 7-100.</li><li>You can also enter a number manually.</li></ul>"
                                            },
                                            {
                                                "title": "Halo Size",
                                                "content": "<span>Set the Halo size.</span><figure><img src='assets/generalviewer/image137.png'/><figcaption><i>Halo size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the Halo size from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Show Length (Polyline)",
                                        "content": "<figure><img src='assets/generalviewer/image175.png'/><figcaption><i>Measurement options for Polyline</i></figcaption></figure><ul><li>Click the ‘Show measurement’ checkbox.<ul><li>The polyline measurement configuration options are displayed in the Draw tool window.</li><li>A measurement label is added to the selected polyline on the map.<figure><img src='assets/generalviewer/image176.png'/><figcaption><i>Polyline labeled with length measurement</i></figcaption></figure></li></ul></li></ul>",
                                        "directories": [
                                            {
                                                "title": "Adjust Label Position",
                                                "content": "<figure><img src='assets/generalviewer/image175.png'/><figcaption><i>Measurement options for Polyline</i></figcaption></figure><ul><li>Click the ‘Adjust label position’ <img src='assets/generalviewer/image169.png'/> button to move the label.<ul><li>A red four-arrow icon replaces the label on the shape.<figure><img src='assets/generalviewer/image177.png'/><figcaption><i>Polyline showing the ‘Adjust label position’ icon</i></figcaption></figure></li></ul></li><li>Mouse over the icon and click-drag it to the desired position.</li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li><li>Click any drawing tool to deactivate the move icon and re-display the label.</li><li>When you select the drawing again the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> is displayed.<figure><img src='assets/generalviewer/image172.png'/><figcaption><i>‘Show measurements’ with ‘Adjust label<br/>position’ and ‘Set label to default position’<br/>buttons showing</i></figcaption></figure><ul><li>Click the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> to return the label to its original position.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Length Units",
                                                "content": "<figure><img src='assets/generalviewer/image178.png'/><figcaption><i>Length Unit options</i></figcaption></figure><ul><li>Click the ‘Length units’ dropdown arrow to display the measurement unit options.<ul><li>Select the unit of measure to use for the length label.</li><li>Or, select the ‘Do not show’ option to exclude the length label from the polyline.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Font and Halo Color",
                                                "content": "<span>Choose or enter a font/halo color and apply transparency.</span><figure><img src='assets/generalviewer/image129.png'/><figcaption><i>Font Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image130.png'/><figcaption><i>Halo Color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic above for detailed information about this tool.</li><ul>"
                                            },
                                            {
                                                "title": "Font Styles",
                                                "content": "<span>Select Font styles.</span><figure><img src='assets/generalviewer/image131.png'/><figcaption><i>Font Style options</i></figcaption></figure><ul class='noMarker'><li><img src='assets/generalviewer/image132.png'/> <b>Bold</b> (selected by default)<li><img src='assets/generalviewer/image133.png'/> <b>Italic</b><li><img src='assets/generalviewer/image134.png'/> <b>Underline</b><li><img src='assets/generalviewer/image135.png'/> <b>Strikethrough</b></ul><ul><li>Click each button to activate the desired Font style.<ul><li>The button for any font style that’s active will turn blue.</li><li>Underline and Strikethrough cannot be used together.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Font Size",
                                                "content": "<span>Set the Font size.</span><figure><img src='assets/generalviewer/image136.png'/><figcaption><i>Font size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the point shape size from 7-100.</li><li>You can also enter a number manually.</li></ul>"
                                            },
                                            {
                                                "title": "Halo Size",
                                                "content": "<span>Set the Halo size.</span><figure><img src='assets/generalviewer/image137.png'/><figcaption><i>Halo size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the Halo size from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "title": "Show Coordinates (Point)",
                                "content": "<span>When a Point is selected with the Transform <img src='assets/generalviewer/image153.png'/> or Reshape <img src='assets/generalviewer/image155.png'/> tool the ‘Show coordinates’ checkbox is included in the Edit configuration options.</span><figure><img src='assets/generalviewer/image179.png'/><figcaption><i>Show coordinates checkbox</i></figcaption></figure><span>This option will add a coordinate label to the selected Point.</span>",
                                "directories": [
                                    {
                                        "title": "Configuration Options",
                                        "content": "<figure><img src='assets/generalviewer/image180.png'/><figcaption><i>Coordinate configuration options for Point</i></figcaption></figure><ul><li>Click the ‘Show coordinates’ checkbox.<ul><li>The coordinate configuration options are displayed in the Draw tool window.</li><li>A coordinate label is added to the selected point.<figure><img src='assets/generalviewer/image181.png'/><figcaption><i>Point labeled with coordinates</i></figcaption></figure></li></ul></li></ul>",
                                        "directories": [
                                            {
                                                "title": "Adjust Label Position",
                                                "content": "<ul><li>Click the ‘Adjust label position’ <img src='assets/generalviewer/image169.png'/> button to move the label.<ul><li>A red four-arrow icon replaces the label on the shape.<figure><img src='assets/generalviewer/image182.png'/><figcaption><i>Point showing the ‘Adjust label position’ icon</i></figcaption></figure></li></ul></li><li>Mouse over the icon and click-drag it to the desired position.</li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li><li>Click any drawing tool to deactivate the move icon and re-display the label.</li><li>When you select the point again the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> is displayed.<figure><img src='assets/generalviewer/image172.png'/><figcaption><i>‘Show measurements’ with ‘Adjust label<br/>position’ and ‘Set label to default position’<br/>buttons showing</i></figcaption></figure><ul><li>Click the ‘Set label to default position’ button <img src='assets/generalviewer/image171.png'/> to return the label to its original position.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Coordinate Units",
                                                "content": "<figure><img src='assets/generalviewer/image183.png'/><figcaption><i>Coordinate unit options</i></figcaption></figure><ul><li>Click the ‘Coordinate units’ dropdown arrow to display the unit options.</li><li>Select the unit type to use for the coordinate label.</li></ul>"
                                            },
                                            {
                                                "title": "Font and Halo Color",
                                                "content": "<span>Choose or enter a font/halo color and apply transparency.</span><figure><img src='assets/generalviewer/image129.png'/><figcaption><i>Font Color button</i></figcaption></figure><figure><img src='assets/generalviewer/image130.png'/><figcaption><i>Halo Color button</i></figcaption></figure><ul><li>Please see the ‘Shared Shape and Text Configuration Options’ topic above for detailed information about this tool.</li><ul>"
                                            },
                                            {
                                                "title": "Font Styles",
                                                "content": "<span>Select Font styles.</span><figure><img src='assets/generalviewer/image131.png'/><figcaption><i>Font Style options</i></figcaption></figure><ul class='noMarker'><li><img src='assets/generalviewer/image132.png'/> <b>Bold</b> (selected by default)<li><img src='assets/generalviewer/image133.png'/> <b>Italic</b><li><img src='assets/generalviewer/image134.png'/> <b>Underline</b><li><img src='assets/generalviewer/image135.png'/> <b>Strikethrough</b></ul><ul><li>Click each button to activate the desired Font style.<ul><li>The button for any font style that’s active will turn blue.</li><li>Underline and Strikethrough cannot be used together.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Font Size",
                                                "content": "<span>Set the Font size.</span><figure><img src='assets/generalviewer/image136.png'/><figcaption><i>Font size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the point shape size from 7-100.</li><li>You can also enter a number manually.</li></ul>"
                                            },
                                            {
                                                "title": "Halo Size",
                                                "content": "<span>Set the Halo size.</span><figure><img src='assets/generalviewer/image137.png'/><figcaption><i>Halo size options</i></figcaption></figure><ul><li>Click the up/down arrows <img src='assets/generalviewer/image098.png'/> to increase/decrease the Halo size from 0-100.</li><li>You can also enter a number manually.</li></ul>"
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "title": "Move a Drawing",
                                "content": "<span>When selected with the ‘Transform’ <img src='assets/generalviewer/image153.png'/> or ‘Reshape’ <img src='assets/generalviewer/image155.png'/> tool the Drawings on the map can be moved.</span><ul class='noMarker'><li>Point<ul class='discMarker'><li>Place the mouse pointer over the Point until the move icon <img src='assets/generalviewer/image080.png'/> appears and click-hold-drag to reposition the point.</li></ul></li><li>Shape (Polyline, Polygon, Square, and Circle)<ul class='discMarker'><li>When selected with the Transform tool, place the mouse pointer inside the Resize control until the hand icon <img src='assets/generalviewer/image184.png'/> appears and click-hold-drag to reposition the drawing.</li><li>When selected with the Reshape tool, place the mouse pointer on the shape (not the reshape controls) until the hand icon <img src='assets/generalviewer/image184.png'/> appears and click-hold-drag to reposition the drawing.</li></ul></li><li>Text<ul class='discMarker'><li>Place the mouse pointer over the bottom-right side of the text until the move icon <img src='assets/generalviewer/image080.png'/> appears and click-hold-drag to reposition the text.</li></ul></li></ul><span>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</span>"
                            },
                            {
                                "title": "Rotate a Drawing (Polyline, Polygon, Square, and Circle)",
                                "content": "<span>When selected with the ‘Transform’ <img src='assets/generalviewer/image153.png'/> tool, shapes (Polyline, Polygon, Square, and Circle) placed on the map can be rotated.</span><figure><img src='assets/generalviewer/image185.png'/><figcaption><i>Polygon selected with<br/>the Transform tool</i></figcaption></figure><ul><li>Place the mouse pointer over the circle on the rotate control <img src='assets/generalviewer/image186.png'/>.<ul><li>The pointer changes into the hand icon <img src='assets/generalviewer/image184.png'/>.</li><li>Click-hold-drag to rotate the drawing.<figure><img src='assets/generalviewer/image187.png'/><figcaption><i>Polygon after being rotated</i></figcaption></figure></li></ul></li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li></ul>"
                            },
                            {
                                "title": "Resize a Drawing (Polyline, Polygon, Square, and Circle)",
                                "content": "<span>When selected with the ‘Transform’ <img src='assets/generalviewer/image153.png'/> tool, shapes (Polyline, Polygon, Square, and Circle) placed on the map can be resized.</span><figure><img src='assets/generalviewer/image185.png'/><figcaption><i>Polygon selected with<br/>the Transform tool</i></figcaption></figure><ul><li>There are eight resize controls <img src='assets/generalviewer/image188.png'/>, four on the corners and four on the sides.<ul><li>Side resize controls<ul><li>The controls on the top and bottom resize the image vertically.</li><li>The controls on the left and right resize the image horizontally.</li></ul></li><li>Corner resize controls<ul><li>The four corner controls all resize the image vertically and horizontally.</li><li>The aspect ratio is not maintained.</li></ul></li></ul></li><li>To resize the drawing, place the mouse pointer over any resize control <img src='assets/generalviewer/image188.png'/>.<ul><li>The pointer changes into one of the resize icons<ul><li>Resize horizontally <img src='assets/generalviewer/image189.png'/></li><li>Resize vertically <img src='assets/generalviewer/image190.png'/></li><li>Resize both horizontally and vertically <img src='assets/generalviewer/image191.png'/></li></ul></li><li>Click-hold-drag the control <img src='assets/generalviewer/image188.png'/> to resize the drawing, release to end.<figure><img src='assets/generalviewer/image192.png'/><figcaption><i>Polygon resized vertically</i></figcaption></figure></li></ul></li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li></ul>"
                            },
                            {
                                "title": "Reshape a Drawing (Polyline, Polygon, Square, and Circle)",
                                "content": "<span>When selected with the Reshape <img src='assets/generalviewer/image155.png'/> tool, shapes (Polyline, Polygon, Square, and Circle) placed on the map can be reshaped.</span><figure><img src='assets/generalviewer/image193.png'/><figcaption><i>Polygon selected with the Reshape tool</i></figcaption></figure><ul><li>There are two types of reshape controls, endpoint/corner <img src='assets/generalviewer/image194.png'/> and midpoint <img src='assets/generalviewer/image195.png'/>.<ul><li>Endpoint/corner controls <img src='assets/generalviewer/image194.png'/><ul><li>Increase/decrease the length of the line/s they connect to.</li><li>Reposition the line/s endpoint.</li></ul></li></ul><ul><li>Midpoint controls <img src='assets/generalviewer/image195.png'/><ul><li>Transform a single line into two lines.</li><li>Reposition the endpoint of the two new lines.</li><li>Note: Circles have one endpoint control because they start/end at that point. There are also numerous midpoint controls around the circumference of the circle. Either control can be used to reshape the drawing. Reshaping a circle will add two connected lines with midpoints to the circle shape.</li></ul></li></ul></li><li>To reshape a drawing, place the mouse pointer over any reshape control, endpoint/corner <img src='assets/generalviewer/image194.png'/> and midpoint <img src='assets/generalviewer/image195.png'/>.<ul><li>The pointer changes to the hand icon <img src='assets/generalviewer/image184.png'/></li><li>Click-hold-drag the control to reshape the drawing, release to end.<figure><img src='assets/generalviewer/image196.png'/><figcaption><i>Polygon reshaped with the control active.</i></figcaption></figure></li><li>The control used to reshape the drawing is active <img src='assets/generalviewer/image197.png'/>.</li></ul></li><li>Use the Undo <img src='assets/generalviewer/image157.png'/> and Redo <img src='assets/generalviewer/image158.png'/> buttons to undo/redo any changes.</li></ul>"
                            }
                        ]
                    }
                ]
            },
            {
                "title": "Map Zoom",
                "content": "<img src='assets/generalviewer/image198.png'/>&nbsp;<span>The Map Zoom controls are located on the bottom-right of the map. Click the plus sign <img src='assets/generalviewer/image199.png'/> to Zoom In and the minus sign <img src='assets/generalviewer/image200.png'/> to Zoom Out.</span>"
            },
            {
                "title": "Default Map View",
                "content": "<img src='assets/generalviewer/image201.png'/>&nbsp;<span>The Default Map View button is located on the bottom-right of the map. Click the Default Map View button to return to the default view of Marion County, IN.</span>"
            },
            {
                "title": "Application Selection",
                "content": "<span>The Application Selection tool is located at the bottom of the map and allows you to switch between the MapIndy (default), Zoning, Stormwater Impervious Areas, and the Mapping Application for Public Safety (MAPS) mapping applications.</span><br/><br/><img src='assets/generalviewer/image202.png'/><br/><div class='listContent'><span><br/><b>MapIndy (default)</b></span><br/><span>Displays general Indianapolis and property related information. Tools include address/parcel search, measure, & oblique imagery (Pictometry).</span><br/><br/><span><b>Zoning Browser</b></span><br/><span>Displays Indianapolis zoning-related information for any property including zoning, rezoning, flood zones, approvals, variances, LNCU, and comprehensive plan.   Also identifies properties in historically significant and historic preservation areas, regional center, excluded cities and excluded sanitary districts.</span><br/><br/><span><b>Stormwater Impervious Areas</b></span><br/><span>Provides tools for searching and viewing storm water billing information.  Contains various search options to find and filter impervious area.</span><br/><br/><span><b>Mapping Application for Public Safety</b></span><br/><span>Provides access to law enforcement incident report information from the Indianapolis Metropolitan Police Department and the Speedway Police Department.  Contains various search options to find and filter reports.</span></div>"
            }
        ]
    },
    {
        "title": "Zoning",
        "browserPageTitle": "Zoning Application Help",
        "isExpanded": true,
        "directories": [
            {
                "title": "Overview",
                "isExpanded": true,
                "content": "<span>This application displays zoning related information for any Indianapolis property.</span><ul><li>View zoning districts, property rezoning, variances, flood zones, and land use plan.</li><li>Identify properties in historically significant and historic preservation areas, regional center, excluded cities and excluded sanitary districts.</li></ul>"
            },
            {
                "title": "Application Main View",
                "content": "<span>Main components include the Zoning Tool, Toolbar, and Application Selection tools.</span><br/><br/><img src='assets/zoning/image007.png'/>"
            },
            {
                "title": "Toolbar",
                "content": "<span>The <b>Toolbar</b> includes the Zoom, Default Map View, Print, Identify Zoning Layers, Basemap Gallery, and Zoning Layer tools.</span><br/><br/><img src='assets/zoning/image008.png'/>",
                "directories": [
                    {
                        "title": "Map Zoom",
                        "content": "<img src='assets/zoning/image009.png'/>&nbsp;<img src='assets/zoning/image010.png'/>&nbsp;&nbsp;<span>Click the <b>Zoom In</b> button</span>&nbsp;<img src='assets/zoning/image011.png'/>&nbsp;<span>to zoom in and the <b>Zoom Out</b> buttton</span>&nbsp;<img src='assets/zoning/image012.png'/>&nbsp;<span>to zoom out. You can also zoom using the scroll wheel on your mouse.  With the cursor over the map, scroll forward to zoom in and backward to zoom out.</span>"
                    },
                    {
                        "title": "Default Map View",
                        "content": "<img src='assets/zoning/image013.png'/>&nbsp;&nbsp;<span>Click the <b>Default Map View</b> button to return to the default view of Marion County, IN.</span>"
                    },
                    {
                        "title": "Print",
                        "content": "<img src='assets/zoning/image014.png'/>&nbsp;&nbsp;<span>Use the <b>Print</b> tool to print/export a map displayed in the browser. All visible map content will be printed, excluding tools. You can specify title, page setup, file format, and more.</span>",
                        "directories": [
                            {
                                "title": "Open the Print window",
                                "content": "<span>Click the <b>Print</b> button. The Print window opens with the Layout tab selected by default.</span><br/><figure><img src='assets/zoning/image015.png'/><figcaption><i>Print window, default</i></figcaption></figure>"
                            },
                            {
                                "title": "Layout tab",
                                "content": "<span>The <b>Layout</b> tab is opened by default. Use the Layout options to customize print/export settings.</span><br/><figure> <img src='assets/zoning/image016.png'/> <figcaption><i>Print window, Layout tab</i></figcaption></figure><br/><ul> <li><b>Title:</b> Enter a Title for your map.</li> <li><b>Page Setup:</b> Choose your page size.</li> <li><b>File Format:</b> Select the file format to save the map as.</li> <li> <b>Advanced Options:</b> Click the down arrow to the left of <b>Advanced option</b> to expand the options. <figure> <img src='assets/zoning/image017.png'/> <figcaption><i>Advanced options for Layout tab.</i></figcaption> </figure> <ul> <li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, you can check the ‘Set scale’ box and enter the scale desired.</li> <li><b>Author:</b> Enter the name of the map Author.</li> <li><b>Copyright:</b> Enter any Copyright information.</li> <li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li> <li><b>Include Legend:</b> Check this box to include a Legend on the map.</li> </ul> </li> <li><b>Export:</b> You need to export a map in order to print or save it.<ul> <li>Click the Export button.</li> <li>A link to the file will appear in the Exported files list.<figure> <img src='assets/zoning/image018.png'/> <figcaption><i>Export file link, Layout tab</i></figcaption></figure> </li> <li>Click the link to open the map in your browser.</li> <li>Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul></li></ul>"
                            },
                            {
                                "title": "Map Only tab",
                                "content": "<span>To only print/export the map, click the <b>Map Only</b> tab from the Print Window.</span><figure><img src='assets/zoning/image019.png'/><figcaption><i>Print window, Map Only tab</i></figcaption></figure><ul><li><b>File Name:</b> Enter a File Name for your map.</li><li><b>File Format:</b> Select the file format to save the map as.</li><li><b>Width & Height:</b> Change as desired. Clicking <img src='assets/zoning/image020.png'/> will swap the width and height values.<figure><img src='assets/zoning/image021.png'/><figcaption><i>Width & Height option on the ‘Map Only’ tab.</i></figcaption></figure></li><li><b>Advanced Options:</b> Click the down arrow to the left of <b>Advanced option</b> to expand the options.<figure><img src='assets/zoning/image022.png'/><figcaption><i>Advanced Options, Map Only tab.</i></figcaption></figure><ul><li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, check the ‘Set scale’ box and enter the scale desired.</li><li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li><li><b>Include Attribution:</b> This is checked by default. It includes text at the bottom right of the map citing the data sources used. Uncheck to exclude the data source information.<figure><img src='assets/zoning/image023.png'/><figcaption><i>Text on exported map when ‘Include Attribution’ is selected.</i></figcaption></figure></li></ul></li><li><b>Export:</b> You need to export a map in order to print or save it.<ul><li>Click the <b>Export</b> button.</li><li>A link to the file will appear in the Exported files list.<figure><img src='assets/zoning/image018.png'/><figcaption><i>Export file link, Map Only tab</i></figcaption></figure></li><li>Click the link to open the map in your browser.</li><li>Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Identify Zoning Layers",
                        "content": "<img src='assets/zoning/image024.png'/><span>&nbsp;The <b>Identify</b> tool returns information for all Zoning Layers contacting the area selected.  There are a variety of selection tools available.</span>",
                        "directories": [
                            {
                                "title": "Open the Identify tool options",
                                "content": "Click the identify button to open the <b>Identify Tool</b> options.<br/><img src='assets/zoning/image025.png'/>"
                            },
                            {
                                "title": "Make a Selection",
                                "content": "<span>Select an area on the map using one of the tools described below. Information for all Zoning Layers contacting the selected area is displayed in the popup window.</span><br/><br/><img src='assets/zoning/image026.png'/>&nbsp;<span><b>Point</b></span><br/><br/><img src='assets/zoning/image027.png'/><br/><ul><li>Select the Point button.</li><li>Click on the map.</li></ul><br/><img src='assets/zoning/image028.png'/>&nbsp;<span><b>Polyline</b></span><br/><br/><img src='assets/zoning/image029.png'/><br/><ul><li>Select the Polyline button.</li><li>Click on the map for each point, double-click to end.</li></ul><br/><img src='assets/zoning/image030.png'/>&nbsp;<span><b>Polygon</b></span><br/><br/><img src='assets/zoning/image031.png'/><br/><ul><li>Select the Polygon button.</li><li>Click on the map for each point, double-click to end.</li></ul><br/><img src='assets/zoning/image032.png'/>&nbsp;<span><b>Square</b></span><br/><br/><img src='assets/zoning/image033.png'/><br/><ul><li>Select the Square button.</li><li>Click on the map and drag to create the selection area.</li></ul><br/><img src='assets/zoning/image034.png'/>&nbsp;<span><b>Circle</b></span><br/><br/><img src='assets/zoning/image035.png'/><br/><ul><li>Select the Circle button.</li><li>Click on the map and drag to create the selection area.</li></ul>"
                            },
                            {
                                "title": "Navigate the Pop-up Window",
                                "content": "<span>After making your selection on the map, information for all Zoning Layers contacting the selected area is displayed in the pop-up window.</span><figure><img src='assets/zoning/image036.png'/><figcaption><i>Zoning Layer Pop-up Window expanded</i></figcaption></figure><ul><li><b>Dock:</b> Click the Dock button <img src='assets/zoning/image037.png'/> to dock the pop-up window in the top-right corner of the map and fully reveal the selected feature.<ul><li>Click the Undock button <img src='assets/zoning/image038.png'/> to undock the pop-up window and return it to its original position.</li></ul></li><li><b>Collapse/Expand:</b> Click the zoning layer title <img src='assets/zoning/image039.png'/> to collapse/expand the current record.<figure><img src='assets/zoning/image040.png'/><figcaption><i>Zoning Layer Pop-up collapsed</i></figcaption></figure></li><li><b>Zoom to:</b> Click the Zoom to button <img src='assets/zoning/image041.png'/> to center the selected feature, highlight it, and zoom to a level that reveals the entire feature.</li><li><b>Previous | Menu | Next:</b> Use these options to view the zoning results.<ul><li>Locate the zoning results navigation options <img src='assets/zoning/image042.png'/></li><li>Click the previous arrow <img src='assets/zoning/image043.png'/> to view the previous record and the next arrow <img src='assets/zoning/image044.png'/> to view the next record. The current feature will be highlighted on the map.</li><li>Click the menu option <img src='assets/zoning/image045.png'/> to view a menu of all records returned.<figure><img src='assets/zoning/image046.png'/><figcaption><i>Zoning Layer pop-up returned records menu</i></figcaption></figure></li></ul></li><li><b>Close:</b> Click the close button <img src='assets/zoning/image047.png'/> to close the pop-up window.</li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Basemap Gallery (Includes Aerial Photography)",
                        "content": "<img src='assets/zoning/image048.png'/><span>&nbsp;<b>Basemaps</b> are the background setting of a map. This application has a variety of basemap options including: graphic street views, current/historic aerial photography, and tiled historic Sanborn maps.</span>",
                        "directories": [
                            {
                                "title": "Open the Basemap Gallery window",
                                "content": "<figure><img src='assets/zoning/image049.png'/><figcaption><i>Basemap Gallery window.</i></figcaption></figure><ul><li>Click the <b>Basemap Gallery</b> button to open the tool.</li><li>The default basemap is ‘Streets Indy’.</li></ul>"
                            },
                            {
                                "title": "Change the Basemap",
                                "content": "<figure><img src='assets/zoning/image050.png'/><figcaption><i>Basemap changed to ‘Light Grey Canvas Indy’.</i></figcaption></figure><ul><li>Click on any Indianapolis basemap or current/historical aerial photo. The basemap/aerial will be highlighted in the Basemap Gallery window and displayed in the map window.</li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Zoning Layers",
                        "content": "<img src='assets/zoning/image051.png'/>&nbsp<span>Many <b>Zoning Layers</b> are available offering zoning-related information for any property. Layers include Zoning, Rezoning, Flood Zones, Approvals, Variances, LNCU, Historically Significant Areas, Historic Preservation Districts, Regional Center, Excluded Cities, Excluded Sanitary Districts, and more.</span>",
                        "directories": [
                            {
                                "title": "Open Zoning Layers",
                                "content": "<figure><img src='assets/zoning/image052.png'/><figcaption><i>Zoning Layers collapsed</i></figcaption></figure><ul><li>Click the Zoning Layer button to open the Zoning Layers.</li><li>Click the arrow next to ‘Zoning Layers’ to expand the layer list.<figure><img src='assets/zoning/image053.png'/><figcaption><i>Zoning Layers expanded</i></figcaption></figure></li><li>‘Zoning Layers’ is enabled by default, however, the layers it contains are not. Enabled layers are indicated by the open eye <img src='assets/zoning/image054.png'/> symbol and disabled layers are indicated by the eye with a slash <img src='assets/zoning/image055.png'/> symbol. To enable/disable a layer, click the ‘eye’ symbol. The layer will be displayed on the map. In the example below, ‘Zoning Variances’ has been enabled.<figure><img src='assets/zoning/image056.png'/><figcaption><i>Zoning Variances Layer enabled</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "Open Zoning Layer Legend",
                                "content": "<figure><img src='assets/zoning/image057.png'/><figcaption><i>Zoning Layers Legend</i></figcaption></figure><ul><li>Click the hamburger icon <img src='assets/zoning/image058.png'/> to display the legend for all enabled layers.</ul>"
                            }
                        ]
                    }
                ]
            },
            {
                "title": "Zoning Tool",
                "content": "<span>The <b>Zoning Tool</b> returns zoning related information for any Indianapolis property.</span><figure><img src='assets/zoning/image059.png'/><figcaption><i>Zoning Tool</i></figcaption></figure>",
                "directories": [
                    {
                        "title": "Hide the Zoning Tool",
                        "content": "<span>The Zoning Tool window can be hidden to reveal more of the map.</span><figure><img src='assets/zoning/image060.png'/><figcaption><i>Zoning Tool header</i></figcaption></figure><ul><li>Click the Hide info panel button <img src='assets/zoning/image061.png'/> to hide the Zoning Tool window.</li><li> Click the Show panel button <img src='assets/zoning/image062.png'/> to show the Zoning Tool window.</li></ul>"
                    },
                    {
                        "title": "Welcome Message",
                        "content": "<img src='assets/zoning/image063.png'/><br/><br/><img src='assets/zoning/image064.png'/>&nbsp;&nbsp;<span><b>Collapse Welcome Message:</b> Click the close button collapse/expand the Welcome Message.</span><br/><br/><img src='assets/zoning/image065.png'/>&nbsp;&nbsp;<span><b>Email Link:</b> Click the email button to send an email that includes a link to the Indy Zoning Browser.</span><br/><br/><img src='assets/zoning/image066.png'/>&nbsp;&nbsp;<span><b>Feedback:</b> Click the feedback button to send us an email regarding the Indy Zoning Browser.</span><br/><br/><img src='assets/zoning/image067.png'/>&nbsp;&nbsp;<span><b>Help:</b> Click the help button to open this help page for the Indy Zoning Browser application.</span><br/><br/><img src='assets/zoning/image068.png'/>&nbsp;&nbsp;<span><b>Copy Link:</b> Click the copy link button to copy the link for the Indy Zoning Browser.</span>"
                    },
                    {
                        "title": "Search for a Property",
                        "content": "<span>There are multiple search methods available:</span><ul><li>Click a location on the map.</li><li>Search by:<ul><li>Current Location</li><li>Address/Intersection</li><li>Local/State Parcel Number</li><li>Owner Name</li></ul></li></ul>",
                        "directories": [
                            {
                                "title": "Click a Location on the map",
                                "content": "<figure><img src='assets/zoning/image069.png'/><figcaption><i>Property Information pop-up</i></figcaption></figure><ul><li>Click anywhere on the map.</li><li>The Street address of the parcel will be used if the location selected is within a parcel. Otherwise, the address will be based on address range.</li><li>The Property Information pop-up will appear on the map where you clicked.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Use Current Location",
                                "content": "<figure><img src='assets/zoning/image070.png'/><figcaption><i>Search by Current Location</i></figcaption></figure><ul><li>Click in the Address search box, the Use current location option <img src='assets/zoning/image071.png'/> will appear, click it.</li><li>The Street address of the parcel will be used if the location identified is within a parcel. Otherwise, the address will be based on address range.</li><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Search by Address",
                                "content": "<figure><img src='assets/zoning/image072.png'/><figcaption><i>Search box with partial address entered and possible matches displayed</i></figcaption></figure><ul><li>Click in the Address search box and start entering the address.<ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li><li>Click any address in the list.</li></ul></li><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Search by Intersection",
                                "content": "<figure><img src='assets/zoning/image073.png'/><figcaption><i>Search box with partial intersection entered and possible matches displayed</i></figcaption></figure><ul><li>Click in the Address search box and start entering the Intersection.<ul><li>Street names must be separated by ‘and’ or ‘&’.</li><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li><li>Click any address in the list.</li></ul></li><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Search by Local Parcel Number",
                                "content": "<figure><img src='assets/zoning/image074.png'/><figcaption><i>‘Search by Local Parcel Number’ option selected</i></figcaption></figure><ul><li>Click the down arrow on the left side of the Search box to reveal the search options.</li><li>Select ‘Search by Local Parcel Number’.</li></ul><figure><img src='assets/zoning/image075.png'/><figcaption><i>Enter a Local Parcel Number</i></figcaption></figure><ul><li>Click in the Search box and start entering the 7 digit Local Parcel Number (#######).</li><ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li><li>Click any parcel number in the list.</li></ul><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Search by State Parcel Number",
                                "content": "<figure><img src='assets/zoning/image076.png'/><figcaption><i>Select ‘Search by State Parcel Number’</i></figcaption></figure><ul><li>Click the down arrow on the left side of the Search box to reveal the search options.</li><li>Select ‘Search by State Parcel Number’.</li></ul><figure><img src='assets/zoning/image077.png'/><figcaption><i>Enter a State Parcel Number</i></figcaption></figure><ul><li>Click in the Search box and enter the State Parcel Number (## ## ## ### ###.### ###).</li><ul><li>When a match is located it will be displayed directly below the search box.</li><li>Click the State Parcel Number.</li></ul><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Search by Owner Name",
                                "content": "<figure><img src='assets/zoning/image078.png'/><figcaption><i>‘Search by Owner Name’ option selected</i></figcaption></figure><ul><li>Click the down arrow on the left side of the Search box to reveal the search options.</li><li>Select ‘Search by Owner Name’.</li></ul><figure><img src='assets/zoning/image079.png'/><figcaption><i>Enter an Owner Name</i></figcaption></figure><ul><li>Click in the Search box and start entering the Owner Name.</li><ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li><li>Click any return in the list.</li></ul><li>The Property Information pop-up will appear on the map.</li><li>The Zoning Tool will populate the search box with the street address and display zoning related search results.</li></ul>"
                            },
                            {
                                "title": "Common Search Issues",
                                "content": "<span>Highways are abbreviated like this: US 31, SR 67, I-465 (no periods after initials)</span><br><ul><li>The last word of a street name will be abbreviated as:<ul><li>AVE (Avenue)</li><li>BLVD (Blvd)</li><li>CIR (Circle)</li><li>CT (Court)</li><li>DR (Drive)</li><li>LN (Lane)</li><li>PKWY (Parkway)</li><li>PL (Place)</li><li>RD (Road)</li><li>ST (Street)</li><li>WAY (Way)</li></ul></li><li>A direction may be used before the last word to indicate parallel roads that have address numbers in the same address range. When the last word in the street name is 'Drive' or 'Lane', the abbreviation for the direction will be combined with the abbreviation of the last word.<ul><li>EDR (East Drive)</li><li>ELN (East Lane)</li><li>NDR (North Drive)</li><li>SDR (South Drive)</li><li>WDR (West Drive)</li><li>WLN (West Lane)</li></ul></li><li>For streets that have a directional prefix, the prefix will be abbreviated with one letter: N (North), S (South), E (East), W (West). For example:<ul><li>N MERIDIAN ST</li><li>W 38TH ST</li></ul></li><li>Sometimes a prefix is mistakenly added when one is not needed. Try removing the N, S, E, W prefix and typing the house number and street name to see if your address is found.</li><li>Only two abbreviations of the first word of a street name are allowed. They are:<ul><li>DR (Doctor)</li><li>ST (Saint). For example: &quot;Saint Clair&quot; should be &quot;St Clair&quot;.</li></ul></li><li>Two words are always abbreviated - OVLK (Overlook) and JCTN (Junction). Examples are:<ul><li>CROOKED CREEK OVLK</li><li>EAGLE CREEK OVLK DR</li><li>MANN VILLAGE JCTN</li><li>COUNTRY JCTN</li></ul></li><li>For numbered streets, the first word of the street name will consist of the alphanumeric version of the ordinal number. For 1st through 9th Streets and 1st through 9th Avenues, a leading zero must be used. On all streets other than numbered streets, all numbers must be spelled out. For example:<ul><li>01ST ST</li><li>10TH ST</li><li>05TH AVE</li><li>THOUSAND OAKS DR</li></ul></li><li>For street names that start with the word 'Mount', that word is always spelled out:<ul><li>MOUNT AUBURN DR</li><li>MOUNT HERMAN AVE</li><li>MOUNT RAINIER DR</li></ul></li><li>The following exceptions have been approved to deal with street names which exceed 20 characters in length, have special characters, or have been defined by consensus and common usage:<ul><li>40 & 8 AVE</li><li>ALLEN'S LN</li><li>ALONZO WATFORD SR DR</li><li>AMANDA'S WAY</li><li>COL H WIER COOK MEM DR</li><li>COL H WIER COOK MEM DR N</li><li>COL H WIER COOK MEM DR S</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HARCOURT SPRING TER</li><li>HILLCREST CTRYCLB RD</li><li>MOORESVILLE BY-PASS</li><li>MOUNT PLEASANT CTR DR</li><li>O'HARA CT</li><li>O'HARA LN</li><li>PARK 65 DR</li><li>QUAIL'S NEST DR</li><li>SCOTT-IAN CT</li><li>SCOTT-IAN LN</li><li>STOP 10 RD</li><li>STOP 11 RD</li><li>STOP 12 RD</li><li>STOP 13 RD</li><li>SYCAMORE SPRINGS TRL</li><li>THOMPSON VILLAGE TRL</li><li>VAL-DEL CT</li></ul></li><li>Commonly misspelled street names:<ul><li>COLD SPRING RD</li><li>DEQUINCY ST</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HOLLIDAY CIR</li><li>HOLLIDAY DR</li><li>HOLLIDAY DR E</li><li>HOLLIDAY DR W</li><li>HOLLIDAY LN</li><li>LASALLE ST</li><li>LEGRANDE AVE</li><li>MAC ARTHUR CT</li><li>MAC ARTHUR LN</li><li>MC CLEAN PL</li><li>MC CLELLAN CT</li><li>MC CLURE ST</li><li>MC CONNELL WAY</li><li>MC CORD ST</li><li>MC COY ST</li><li>MC CRAY ST</li><li>MC DOUGAL ST</li><li>MC DOWELL DR</li><li>MC FARLAND BLVD</li><li>MC FARLAND CT</li><li>MC FARLAND PL</li><li>MC FARLAND RD</li><li>MC GAUGHEY RD</li><li>MC GILL ST</li><li>MC GREGOR RD</li><li>MC GUIRE CT</li><li>MC HENRY LN</li><li>MC ILVAIN DR</li><li>MC INTOSH LN</li><li>MC KIM AVE</li><li>MC KINLEY CT</li><li>MC LAIN DR</li><li>MC LAUGHLIN AVE</li><li>MC LEAN PL</li><li>MC LEAY DR</li><li>MCCARTY ST</li><li>MCCLARNEY CT</li><li>MCCLOUD CT N</li><li>MCCLOUD CT S</li><li>MCCOLLOUGH CT</li><li>MCCOLLOUGH DR</li><li>MCCORD LN</li><li>MCCORMICK ST</li><li>MCCREA ST</li><li>MCCREADY CT</li><li>MCCURDY RD</li><li>MCKEAN LN</li><li>MCNUTT CIR</li><li>MCPHERSON ST</li><li>MCTHORN DR</li><li>MITTHOEFER RD</li><li>NORTH PERIMETER RD</li><li>SOUTH PERIMETER RD</li><li>WEST PERIMETER RD</li></ul></li><li>Streets that may have problems being found because a directional is included as part of the street name:<ul><li>NORTH WILLOW WAY</li><li>NORTH CIRCLE DR</li><li>NORTH BEND RD</li><li>NORTH PERIMETER RD</li><li>NORTH SERVICE RD</li><li>NORTH ACCESS RD</li><li>NORTH MEADOW CIR</li><li>NORTH MEADOW DR</li><li>NORTH PARK DR</li><li>SOUTH ACCESS RD</li><li>SOUTH CIRCLE DR</li><li>SOUTH COURT DR</li><li>SOUTH HAVEN CT</li><li>SOUTH PERIMETER RD</li><li>SOUTH RIVER RD</li><li>SOUTH SERVICE RD</li><li>SOUTH VILLAGE WAY</li><li>EAST HILL DR</li><li>EAST BOUNDARY ST</li><li>EAST CIRCLE DR</li><li>WEST ARLINGTON CT</li><li>WEST CIRCLE DR</li><li>WEST FORK RD</li><li>WEST HILL DR</li><li>WEST LAKE DR</li><li>WEST LAKE NDR</li><li>WEST LAKE RD</li><li>WEST LAKE SDR</li><li>WEST PARK WAY</li><li>WEST PERIMETER RD</li><li>WEST POINT DR</li><li>WEST POINT PL</li><li>WEST RIDGE CIR</li><li>WEST VIEW DR</li><li>WEST WIND LN</li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Zoning Search Results",
                        "content": "<span>All search options will return zoning related information:</span><figure><img src='assets/zoning/image080.png'/><figcaption><i>Zoning Tool populated with results</i></figcaption></figure><ul><li>Click any result to expand it and display the layer information.</li><li>Click Collapse all to collapse all or Open all to open all results.</li></ul><figure><img src='assets/zoning/image081.png'/><figcaption><i>Zoning Tool result expanded</i></figcaption></figure><ul><li>In any expanded results window, click the Show button <img src='assets/zoning/image082.png'/> to center, zoom-to, and highlight the feature on the map. Also, there may be links to additional information in the results.</li></ul>"
                    },
                    {
                        "title": "Property Information pop-up window",
                        "content": "<figure><img src='assets/zoning/image083.png'/><figcaption><i>Property Information pop-up window</i></figcaption></figure><ul><li>Click on the map or use a Zoning Tool search method to select a location or property.</li><li>The map will zoom to, center on, and highlight the parcel.</li><li>The Property Information pop-up is displayed</li><ul><li>Click the text that includes the parcel number <img src='assets/zoning/image084.png'/> to minimize the Property Information details.<ul><li>Click it again to expand the popup window.</li></ul></li><li>Click the dock button <img src='assets/zoning/image085.png'/> to dock the pop-up window in the upper right corner and fully reveal the parcel.<ul><li>Click the undock button <img src='assets/zoning/image038.png'/> to undock the popup window and return it to its original position.</li></ul></li><li>Click the text regarding property record card <img src='assets/zoning/image086.png'/> to open the Property Record card.</li><li>Click the zoom to button <img src='assets/zoning/image087.png'/> to center on, zoom to the parcel.</li><li>Clcik the close button <img src='assets/zoning/image088.png'/> to close the Property Information pop-up.</li></ul></ul>"
                    }
                ]
            },
            {
                "title": "Application Selection",
                "content": "<img src='assets/zoning/image089.png'/><br/><br/><span>The Indy Zoning Browser will include the Application Selection tool if accessed through the MapIndy Application. Use this tool to toggle between applications while retaining the map and tool views.</span><br/><br/><div class='listContent'><span><b>MapIndy (default)</b></span><br/><span>Displays general Indianapolis and property related information. Tools include address/parcel search, measure, & oblique imagery (Pictometry).</span><br/><br/><span><b>Zoning Browser</b></span><br/><span>Displays Indianapolis zoning-related information for any property including zoning, rezoning, flood zones, approvals, variances, LNCU, and comprehensive plan. Also identifies properties in historically significant and historic preservation areas, regional center, excluded cities and excluded sanitary districts.</span><br/><br/><span><b>Stormwater Impervious Areas</b></span><br/><span>Provides tools for searching and viewing storm water billing information.  Contains various search options to find and filter impervious area.</span><br/><br/><span><b>Mapping Application for Public Safety</b></span><br/><span>Provides access to law enforcement incident report information from the Indianapolis Metropolitan Police Department and the Speedway Police Department. Contains various search options to find and filter reports.</span></div>"
            }
        ]
    },
    {
        "title": "Stormwater Impervious Area",
        "browserPageTitle": "Stormwater Impervious Area Application Help",
        "isExpanded": true,
        "directories": [
            {
                "title": "Overview",
                "isExpanded": true,
                "content": "<span>This application provides Stormwater billing information for impervious areas in Marion County, IN.</span><ul><li>View Stormwater Impervious Areas overlaid on the map or aerial photography.</li><li>Search for a property by address, local parcel number, or owner name.</li><li>View, save, and/or print Stormwater billing information for a property.</li><li>View, save, and/or print oblique imagery for a property.</li><li>Toggle between this application and MapIndy, Indy Zoning Browser, and Mapping Application for Public Safety while retaining the map and tool views.<ul><li>Note: This tool is only included if this application is accessed through MapIndy.</li></ul></li></ul>"
            },
            {
                "title": "Application Main View",
                "content": "<span>Main components include the Stormwater Impervious Area Tool, Toolbar, and Application Selection.</span><br/><br/><img src='assets/stormwaterimperviousarea/image007.png'/>"
            },
            {
                "title": "Toolbar",
                "content": "<span>The <b>Toolbar</b> includes the Zoom, Default Map View, Print, and Base Map tools.</span><br/><br/><img src='assets/stormwaterimperviousarea/image008.png'/>",
                "directories": [
                    {
                        "title": "Map Zoom",
                        "content": "<img src='assets/stormwaterimperviousarea/image009.png'/>&nbsp;<img src='assets/stormwaterimperviousarea/image010.png'/>&nbsp;&nbsp;<span>Click the <b>Zoom In</b> button</span>&nbsp;<img src='assets/stormwaterimperviousarea/image011.png'/>&nbsp;<span>to zoom in and the <b>Zoom Out</b> buttton</span>&nbsp;<img src='assets/stormwaterimperviousarea/image012.png'/>&nbsp;<span>to zoom out. You can also zoom using the scroll wheel on your mouse.  With the cursor over the map, scroll forward to zoom in and backward to zoom out.</span>"
                    },
                    {
                        "title": "Default Map View",
                        "content": "<img src='assets/stormwaterimperviousarea/image013.png'/>&nbsp;&nbsp;<span>Click the <b>Default Map View</b> button to return to the default view of Marion County, IN.</span>"
                    },
                    {
                        "title": "Print",
                        "content": "<img src='assets/stormwaterimperviousarea/image014.png'/>&nbsp;&nbsp;<span>Use the <b>Print</b> tool to print/export a map displayed in the browser. All visible map content will be printed, excluding tools. You can specify title, page setup, file format, and more.</span>",
                        "directories": [
                            {
                                "title": "Open the Print tool",
                                "content": "<span>Click the <b>Print</b> button. The Print window opens with the Layout tab selected by default.</span><br/><figure><img src='assets/stormwaterimperviousarea/image015.png'/><figcaption><i>Print tool, Layout Tab (default view)</i></figcaption></figure>"
                            },
                            {
                                "title": "Layout tab",
                                "content": "<span>The <b>Layout</b> tab is opened by default. Use the Layout options to customize print/export settings.</span><br/><figure> <img src='assets/stormwaterimperviousarea/image016.png'/> <figcaption><i>Print window, Layout tab</i></figcaption></figure><br/><ul> <li><b>Title:</b> Enter a Title for your map.</li> <li><b>Page Setup:</b> Choose your page size.</li> <li><b>File Format:</b> Select the file format to save the map as.</li> <li> <b>Advanced Options:</b> Click the down arrow to the left of <b>Advanced option</b> to expand the options. <figure> <img src='assets/stormwaterimperviousarea/image017.png'/> <figcaption><i>Advanced options for Layout tab.</i></figcaption> </figure> <ul> <li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, you can check the ‘Set scale’ box and enter the scale desired.</li> <li><b>Author:</b> Enter the name of the map Author.</li> <li><b>Copyright:</b> Enter any Copyright information.</li> <li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li> <li><b>Include Legend:</b> Check this box to include a Legend on the map.</li> </ul> </li> <li><b>Export:</b> You need to export a map in order to print or save it.<ul> <li>Click the Export button.</li> <li>A link to the file will appear in the Exported files list.<figure> <img src='assets/stormwaterimperviousarea/image018.png'/> <figcaption><i>Export file link, Layout tab</i></figcaption></figure> </li> <li>Click the link to open the map in your browser.</li> <li>Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul></li></ul>"
                            },
                            {
                                "title": "Map Only tab",
                                "content": "<span>To only print/export the map, click the <b>Map Only</b> tab from the Print Window.</span><figure><img src='assets/stormwaterimperviousarea/image019.png'/><figcaption><i>Print window, Map Only tab</i></figcaption></figure><ul><li><b>File Name:</b> Enter a File Name for your map.</li><li><b>File Format:</b> Select the file format to save the map as.</li><li><b>Width & Height:</b> Change as desired. Clicking <img src='assets/stormwaterimperviousarea/image020.png'/> will swap the width and height values.<figure><img src='assets/stormwaterimperviousarea/image021.png'/><figcaption><i>Width & Height option on the ‘Map Only’ tab.</i></figcaption></figure></li><li><b>Advanced Options:</b> Click the down arrow to the left of <b>Advanced option</b> to expand the options.<figure><img src='assets/stormwaterimperviousarea/image022.png'/><figcaption><i>Advanced Options, Map Only tab.</i></figcaption></figure><ul><li><b>Set Scale:</b> By Default, the scale shown represents the current map being displayed. If you want to change the scale, check the ‘Set scale’ box and enter the scale desired.</li><li><b>DPI:</b> Set DPI (dots per inch). The default is 96. A higher number will result in a better quality map but also increases the file size. If you’re unsure, leave it set to the default value.</li><li><b>Include Attribution:</b> This is checked by default. It includes text at the bottom right of the map citing the data sources used. Uncheck to exclude the data source information.<figure><img src='assets/stormwaterimperviousarea/image023.png'/><figcaption><i>Text on exported map when ‘Include Attribution’ is selected.</i></figcaption></figure></li></ul></li><li><b>Export:</b> You need to export a map in order to print or save it.<ul><li>Click the <b>Export</b> button.</li><li>A link to the file will appear in the Exported files list.<figure><img src='assets/stormwaterimperviousarea/image018.png'/><figcaption><i>Export file link, Map Only tab</i></figcaption></figure></li><li>Click the link to open the map in your browser.</li><li>Right click on the exported map in your browser and select ‘Save’ or ‘Print’.</li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Base Map Tool",
                        "content": "<img src='assets/stormwaterimperviousarea/image024.png'/>&nbsp;<span>This application has two base map options, “Streets Indy” and “Aerial Photography”. The aerial photography base map changes over time to reflect the year of the current billing cycle which is always the previous year. Both are enabled by default with Streets Indy overlaid on the aerial. Streets Indy can be disabled to reveal the aerial photography. Or, both base maps can be viewed simultaneously by decreasing Streets Indy opacity to make it semi-transparent and reveal the aerial.</span>",
                        "directories": [
                            {
                                "title": "Open the Base Map tool",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image025.png'/><figcaption><i>Base Map tool.</i></figcaption></figure><ul><li>Click the <b>Base Map</b> button to open the tool.</li><li>The ‘Streets Indy’ base map is displayed by default.</li></ul>"
                            },
                            {
                                "title": "Disable ‘Streets Indy’ Base Map",
                                "content": "Disable the ‘Streets Indy’ base map to reveal ‘Aerial Photography’ base map.<figure><img src='assets/stormwaterimperviousarea/image026.png'/><figcaption><i>Base Map tool, ‘Streets Indy’ base map disabled.</i></figcaption></figure><ul><li>The eye icon next to the base map name indicates whether or not it’s enabled.<ul><li>Enabled = open eye icon <img src='assets/stormwaterimperviousarea/image027.png'/></li><li>Disabled = eye with slash icon <img src='assets/stormwaterimperviousarea/image028.png'/></li></ul></li><li> Click the open eye <img src='assets/stormwaterimperviousarea/image027.png'/> icon next to ‘Streets Indy’ to disable the base map, the icon changes to the eye with slash icon <img src='assets/stormwaterimperviousarea/image028.png'/>.</li><li>‘Aerial Photography’ base map is displayed on the map.</li><li>The aerial is also listed in the Base Map tool.</li><li>To enable ‘Streets Indy’, click the eye with slash icon <img src='assets/stormwaterimperviousarea/image028.png'/>, it changes to the open eye icon <img src='assets/stormwaterimperviousarea/image027.png'/>, the base map is displayed, and the ‘Aerial Photography’ is no longer listed in the Base Map tool.<figure><img src='assets/stormwaterimperviousarea/image029.png'/><figcaption><i>Base Map tool, ‘Streets Indy’ enabled.</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "Adjust ‘Streets Indy’ Opacity",
                                "content": "<span>Decrease ‘Indy Streets’ base map opacity to make it semi-transparent and reveal the ‘Aerial Photography’ base map.</span><figure><img src='assets/stormwaterimperviousarea/image030.png'/><figcaption><i>Base Map Opacity options, Opacity 100%</i></figcaption></figure><ul><li>Click <img src='assets/stormwaterimperviousarea/image031.png'/> to expand the opacity options.</li><li>Click <img src='assets/stormwaterimperviousarea/image032.png'/> to decrease opacity.</li><li>Click <img src='assets/stormwaterimperviousarea/image033.png'/> to increase opacity.</li><li>Opacity Status is shown here <img src='assets/stormwaterimperviousarea/image034.png'/>.</li><li>As opacity is decreased, ‘Aerial Photography’ will be listed in the Base Map tool and begin to be revealed on the map.<figure><img src='assets/stormwaterimperviousarea/image035.png'/><figcaption><i>Base Map Opacity options, Opacity 70%</i></figcaption></figure></li><li>When opacity for ‘Streets Indy’ is restored to 100%, ‘Aerial Photography’ will no longer be listed in the Base Map tool.</li></ul>"
                            }
                        ]
                    }
                ]
            },
            {
                "title": "Stormwater Impervious Area Tool",
                "content": "<span>The <b>Stormwater Impervious Area Tool</b> offers multiple search options to locate Indianapolis properties and return Stormwater billing information, a Stormwater Billing Report, and oblique imagery of the property.</span><figure><img src='assets/stormwaterimperviousarea/image036.png'/><figcaption><i>Stormwater Impervious Area Tool</i></figcaption></figure>",
                "directories": [
                    {
                        "title": "Hide the Tool Window",
                        "content": "<span>The Stormwater Impervious Area Tool window can be hidden to reveal more of the map.</span><figure><img src='assets/stormwaterimperviousarea/image037.png'/><figcaption><i>Stormwater Impervious Area Tool header</i></figcaption></figure><ul><li>Click the Hide info panel button <img src='assets/stormwaterimperviousarea/image038.png'/> to hide the Stormwater Impervious Area Tool window.</li><li>Click the Show panel button <img src='assets/stormwaterimperviousarea/image039.png'/> to show the Stormwater Impervious Area Tool window.</li></ul>"
                    },
                    {
                        "title": "Welcome Message",
                        "content": "<figure><img src='assets/stormwaterimperviousarea/image040.png'/><figcaption><i>Stormwater Impervious Area Tool, Welcome Message</i></figcaption></figure><img src='assets/stormwaterimperviousarea/image041.png'/>&nbsp;&nbsp;<span><b>Collapse Welcome Message:</b> Click the close icon <img src='assets/stormwaterimperviousarea/image041.png'/> to collapse the Welcome Message and the view more information icon <img src='assets/stormwaterimperviousarea/image042.png'/> to expand it.</span><br/><br/><img src='assets/stormwaterimperviousarea/image043.png'/>&nbsp;&nbsp;<span><b>Email Link:</b> Click the email button to send an email that includes a link to the Stormwater Impervious Area application.</span><br/><br/><img src='assets/stormwaterimperviousarea/image044.png'/>&nbsp;&nbsp;<span><b>Feedback:</b> Click the feedback button to send us an email regarding the Stormwater Impervious Area application.</span><br/><br/><img src='assets/stormwaterimperviousarea/image045.png'/>&nbsp;&nbsp;<span><b>Help:</b> Click the Help button to open this help page for the Indy Stormwater Impervious Area application.</span><br/><br/><img src='assets/stormwaterimperviousarea/image046.png'/>&nbsp;&nbsp;<span><b>Copy Link:</b> Click the send link button to copy the link for the Stormwater Impervious Area application.</span>"
                    },
                    {
                        "title": "Stormwater Impervious Area Search",
                        "content": "<span>There are multiple methods available to search for Stormwater billing information; Click a location on the map, Use Current Location, by Address/Intersection, by Local Parcel Number, and by Owner Name.</span><figure><img src='assets/stormwaterimperviousarea/image047.png'/><figcaption><i>Stormwater Impervious Area Tool Search Box.</i></figcaption></figure>",
                        "directories": [
                            {
                                "title": "Click a Location on the map",
                                "content": "<ul><li>Zoom in until the Stormwater Impervious Area layer appears. Impervious areas are displayed as light-gray polygons with a red outline.<figure><img src='assets/stormwaterimperviousarea/image048.png'/><figcaption><i>Stormwater Impervious Areas displayed on the map.</i></figcaption></figure></li><li>Click on any impervious area or a parcel containing one.</li><li>The map will zoom to, center on, and display only the selected impervious area.<figure><img src='assets/stormwaterimperviousarea/image049.png'/><figcaption><i>Stormwater Impervious Area selected by user</i></figcaption></figure></li><li>The street address of the parcel will appear in the Stormwater Impervious Area tool search box along with Stormwater billing information, a Stormwater Billing Report, and Oblique imagery of the area.</li><li>If you do not click on an impervious area or a parcel containing one, a popup window containing only an address will be displayed. The Stormwater Impervious Area tool search box will also be populated with the address but no Stormwater billing information will be returned.<figure><img src='assets/stormwaterimperviousarea/image050.png'/><figcaption><i>No impervious area found in the selected location</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "Use Current Location",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image051.png'/><figcaption><i>Search by Current Location</i></figcaption></figure><ul><li>Click in the Address search box to reveal the <img src='assets/stormwaterimperviousarea/image052.png'/> option and click it.</li><li>The map will zoom to and center on the location identified.<ul><li>If the location is a Stormwater Impervious Area or located inside a parcel containing one, the impervious area is highlighted and the Stormwater Impervious Area Tool is populated with billing information for the parcel.</li><li>If the location is not a Stormwater Impervious Area or inside a parcel containing one, a popup will appear at the location displaying the address. The address will also be displayed in the Stormwater Impervious Area tool search box along with the following message “No impervious area found in selected location.”</li></ul></li></ul>"
                            },
                            {
                                "title": "Search by Address",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image053.png'/><figcaption><i>Search box with partial address entered and possible matches displayed</i></figcaption></figure><ul><li>Click in the Address search box and start entering the address.<ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li></ul></li><li>Click any address in the list.</li><li>The map will zoom to and center on the parcel.<ul><li>If the parcel contains a Stormwater Impervious Area, it’s highlighted on the map and the Stormwater Impervious Area Tool is populated with billing information.</li><li>If the parcel doesn’t contain a Stormwater Impervious Area, a popup will appear at the location displaying the address. The address will also be displayed in the Stormwater Impervious Area tool search box along with the following message “No impervious area found in selected location.”</li></ul></li></ul>"
                            },
                            {
                                "title": "Search by Intersection",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image054.png'/><figcaption><i>Search box with partial intersection entered and possible matches displayed</i></figcaption></figure><ul> <li>Click in the Address search box and start entering the Intersection.</li> <ul> <li>Street names must be separated by ‘and’ or ‘&’.</li> <li>An auto lookup will be performed as you type.</li> <li>Any possible matches found will be displayed directly below the search box.</li> <li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li> </ul><li>Click any intersection in the list.</li> <li>The map will zoom to and center on the intersection.</li> <li>A popup will appear at the location displaying the intersection name.</li> <li>The intersection name will also be displayed in the Stormwater Impervious Area tool search box along with the following message “No impervious area found in selected location.”</li> <li>Click on any nearby Stormwater Impervious Area or a parcel containing one.</li> <li>View the Stormwater Billing information and images of the area in the Stormwater Impervious Area Tool.</li></ul>"
                            },
                            {
                                "title": "Search by Local Parcel Number",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image055.png'/><figcaption><i>‘Search by Local Parcel Number’ option selected</i></figcaption></figure><ul><li>Click the down arrow on the left side of the Search box to reveal the search options.</li><li>Select ‘Search by Local Parcel Number’.</li></ul><figure><img src='assets/stormwaterimperviousarea/image056.png'/><figcaption><i>Enter a Local Parcel Number</i></figcaption></figure><ul><li>Click in the Search box and start entering the 7 digit Local Parcel Number (#######).</li><ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li></ul><li>Click any parcel number in the list.</li><ul><li>If the parcel contains a Stormwater Impervious Area, it’s highlighted on the map and the Stormwater Impervious Area Tool is populated with Stormwater billing information.</li><li>If the parcel doesn’t contain an impervious area, a popup will appear at the location displaying the parcel number. The parcel number will also be displayed in the Stormwater Impervious Area tool search box along with the following message “No impervious area found in selected location.”</li></ul></li></ul>"
                            },
                            {
                                "title": "Search by Owner Name",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image057.png'/><figcaption><i>‘Search by Owner Name’ option selected</i></figcaption></figure><ul> <li>Click the down arrow on the left side of the Search box to reveal the search options.</li><li>Select ‘Search by Owner Name’.</li></ul><figure><img src='assets/stormwaterimperviousarea/image058.png'/><figcaption><i>Enter an Owner Name</i></figcaption></figure><ul><li>Click in the Search box and start entering the Owner Name.</li><ul><li>An auto lookup will be performed as you type.</li><li>Any possible matches found will be displayed directly below the search box.</li><li>If more than six possible matches are returned, you’ll need to scroll down to see the complete list.</li></ul><li>Click any return in the list.</li><ul><li>If the parcel contains a Stormwater Impervious Area, it’s highlighted on the map and the Stormwater Impervious Area Tool is populated with Stormwater billing information.</li><li>If the parcel doesn’t contain an impervious area, a popup will appear at the location displaying Owner Name. The Owner name will also be displayed in the Stormwater Impervious Area tool search box along with the following message “No impervious area found in selected location.”</li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Stormwater Impervious Area Search Results",
                        "content": "<figure><img src='assets/stormwaterimperviousarea/image059.png'/><figcaption><i>Stormwater Impervious Area Tool w/ the Welcome message,<br/>Stormwater billing information, and Oblique imagery collapsed.</i></figcaption></figure><span>Any search option used will display results in the Stormwater Impervious Area tool.</span><ul><li>View Stormwater billing information.</li><li>Create a Stormwater billing report.</li><li>Control the impervious area, parcel, and base map layers.</li><li>View Oblique Imagery of the impervious area.</li></ul>",
                        "directories": [
                            {
                                "title": "Search Result Basics",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image060.png'/><figcaption><i>Stormwater Impervious Area tool search results if no impervious area is identified.</i></figcaption></figure><ul><li>Use any search method to return results in the Stormwater Impervious Area tool.</li><li>The address, intersection, or owner name searched for is displayed in the search box.</li><li>Remember, you can collapse the Welcome message to bring the Stormwater Billing information closer to the top of the page.</li><li>If the search result includes an impervious area then scroll down to view Stormwater Billing Information, generate a Stormwater Billing Report, make map layer adjustments, and view oblique imagery of the area.</li><li>If the search result does not include an impervious area the following message is displayed, ‘No impervious area found in selected location.’</li><li>Click the <img src='assets/stormwaterimperviousarea/image061.png'/> icon in the search box to clear the results from the Stormwater Impervious Area tool and the map.</li></ul>"
                            },
                            {
                                "title": "Stormwater Billing Information",
                                "content": "<figure><img src='assets/stormwaterimperviousarea/image062.png'/><figcaption><i>Impervious Area search results showing Stormwater Billing information expanded.</i></figcaption></figure><ul><li>The Stormwater Billing information is displayed in the Stormwater Impervious Area section.<ul><li>Click the ‘Parcel # (click to view PRC)’ link to view/print/save the Property Record Card.<ul><li>The Property Record Card opens in a new browser tab.</li><li>Right-click anywhere on the Property Record Card to print or save the PDF file.</li></ul></li><li>Click the ‘Additional info:’ link to view the “Stormwater User Rate and Credit Manual”.</li><li>Click the Zoom and Center button to center on and zoom to the impervious area on the map.<br/><img src='assets/stormwaterimperviousarea/image063.png'/></li></ul></li><li>Click <img src='assets/stormwaterimperviousarea/image064.png'/> to collapse the billing information. The map tools, report option, and oblique imagery are revealed without scrolling.</li></ul><figure><img src='assets/stormwaterimperviousarea/image059.png'/><figcaption><i>Stormwater Impervious Area Tool showing the Welcome message,<br/>Stormwater billing information, and Oblique imagery collapsed.</i></figcaption></figure>"
                            },
                            {
                                "title": "Stormwater Billing Report",
                                "content": "<span>Save or print a Stormwater Billing Report that includes the Stormwater Billing Information and an aerial photo of the impervious area.</span><figure><img src='assets/stormwaterimperviousarea/image059.png'/><figcaption><i>Stormwater Impervious Area Tool w/ the Welcome message,<br/>Stormwater billing information, and Oblique imagery collapsed.</i></figcaption></figure><ul><li>Click the ‘Create Report’ button.<br/><img src='assets/stormwaterimperviousarea/image065.png'/></li><li>After clicking the button, the ‘See Report’ link will appear, click it.<br/><img src='assets/stormwaterimperviousarea/image066.png'/></li><li>The PDF report will open in a new browser tab or window.</li><li>To Print or Save the Stormwater Billing Report, right-click anywhere on the PDF report and choose ‘Save’ or ‘Print’ from the popup menu.</li></ul>"
                            },
                            {
                                "title": "Map Tools",
                                "content": "<span>Control the Base Map and the selected Impervious Area transparency. Enable/disable the surrounding impervious areas and the outline of the parcel containing the selected impervious area.</span><figure><img src='assets/stormwaterimperviousarea/image067.png'/><figcaption><i>Transparency tools: adjust the Impervious Area and Base Map transparency.</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image068.png'/><figcaption><i>Layer Tools: Enable/disable the parcel outline or the surrounding impervious areas.</i></figcaption></figure>",
                                "directories": [
                                    {
                                        "title": "Adjust Area Transparency",
                                        "content": "<span>Control the transparency of the selected Impervious Area to view it opaque, partially transparent, or fully transparent.</span><ul><li><b>Opaque:</b> By default, the slider is in the left-most position, opaque (not transparent).<figure><img src='assets/stormwaterimperviousarea/image069.png'/><figcaption><i>Area Transparency tool, opaque</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image070.png'/><figcaption><i>Impervious Area, opaque</i></figcaption></figure></li><li><b>Partially Transparent:</b> Click and drag the slider to the right to increase the impervious area transparency. The impervious area outline will remain visible.<figure><img src='assets/stormwaterimperviousarea/image071.png'/><figcaption><i>Area Transparency, partially transparent</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image072.png'/><figcaption><i>Impervious area, partially transparent</i></figcaption></figure></li><li><b>Fully Transparent:</b> Click and drag the slider to the far right to make the impervious area 100% transparent. The impervious area outline will remain visible.<figure><img src='assets/stormwaterimperviousarea/image073.png'/><figcaption><i>Area transparency, fully transparent</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image074.png'/><figcaption><i>Impervious area, fully transparent</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Adjust Base Map Transparency",
                                        "content": "<span>Control the transparency of the Base Map to view it opaque, partially transparent, or fully transparent. As the base map transparency is increased, the aerial photograph underneath begins to be revealed. Base map transparency can also be applied using the Base Map Tool in the toolbar. Changes made in either location are reflected in both the Base Map Tool and the Stormwater Impervious Area Tool ‘Base Map Transparency’ slider.</span><ul><li><b>Opaque:</b> By default, the slider is in the left-most position, opaque (not transparent).<figure><img src='assets/stormwaterimperviousarea/image075.png'/><figcaption><i>Base Transparency tool, opaque</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image076.png'/><figcaption><i>Base Map, opaque</i></figcaption></figure></li><li><b>Partially Transparent:</b> Click and drag the slider to the right to increase the Base Map transparency. The aerial photography will begin to become visible.<figure><img src='assets/stormwaterimperviousarea/image077.png'/><figcaption><i>Base Map Transparency, partially transparent</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image078.png'/><figcaption><i>Base Map, partially transparent</i></figcaption></figure></li><li><b>Fully Transparent:</b> Click and drag the slider to the far-right to make the Base Map 100% transparent. The aerial photography is fully revealed.<figure><img src='assets/stormwaterimperviousarea/image079.png'/><figcaption><i>Base Map transparency, 100% transparent</i></figcaption></figure><figure><img src='assets/stormwaterimperviousarea/image080.png'/><figcaption><i>Base Map, 100% transparent</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Show Parcel Outline",
                                        "content": "<span>Enable/disable the outline of the parcel containing the selected impervious area on the map.</span><ul><li>The parcel outline is disabled by default.<figure><img src='assets/stormwaterimperviousarea/image081.png'/><figcaption><i>Show parcel outline, disabled</i></figcaption></figure></li><li>Click the button to enable the parcel outline. The button will turn blue.<figure><img src='assets/stormwaterimperviousarea/image082.png'/><figcaption><i>Show parcel outline, enabled</i></figcaption></figure></li><li>The parcel is outlined on the map in blue.<figure><img src='assets/stormwaterimperviousarea/image083.png'/><figcaption><i>Parcel Outline displayed on the map</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Show Surrounding Impervious Areas",
                                        "content": "<span>Enable/disable the surrounding impervious areas on the map.</span><ul><li>The surrounding impervious areas are disabled by default.<figure><img src='assets/stormwaterimperviousarea/image084.png'/><figcaption><i>Show surrounding impervious areas, disabled</i></figcaption></figure></li><li>Click the button to enable the surrounding impervious area layer. The button will turn blue.<figure><img src='assets/stormwaterimperviousarea/image085.png'/><figcaption><i>Show surrounding impervious areas, enabled</i></figcaption></figure></li><li>The surrounding impervious areas are displayed on the map.<figure><img src='assets/stormwaterimperviousarea/image086.png'/><figcaption><i>Surrounding impervious areas displayed on the map</i></figcaption></figure></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Oblique Imagery",
                                "content": "<span>View oblique imagery of the impervious area and export images to PDF to be printed or saved.</span><figure><img src='assets/stormwaterimperviousarea/image087.png'/><figcaption><i>Oblique Imagery window expanded</i></figcaption></figure>",
                                "directories": [
                                    {
                                        "title": "Opening the Oblique Imagery Window",
                                        "content": "<span>Expand the Oblique Imagery window to view an oblique image of the Stormwater Impervious area.</span><ul><li>Scroll down to the bottom of the Stormwater Impervious Areas search results and click Oblique Imagery to expand the window.<figure><img src='assets/stormwaterimperviousarea/image088.png'/><figcaption><i>Oblique Imagery window collapsed</i></figcaption></figure></li><li>The Oblique Image window expands and displays an oblique image of the impervious area marked with a red pin.<figure><img src='assets/stormwaterimperviousarea/image087.png'/><figcaption><i>Oblique Imagery window expanded</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Oblique Imagery Tools",
                                        "content": "<span>Use Oblique Imagery tools to change location, orientation, zoom level, view additional images, and export the image.</span><ul><li><b>Pan:</b> Place the mouse curser over the oblique image, it will change to a hand symbol, <img src='assets/stormwaterimperviousarea/image089.png'/>. Click, hold and drag to move the image.</li><li><b>Compass tool:</b> View the current location from different directions using the navigation buttons on the compass.<figure><img src='assets/stormwaterimperviousarea/image090.png'/><figcaption><i>Compass tool</i></figcaption></figure><ul><li><u>South</u>: View from the south (north facing, default view)</li><li><u>North</u>: Click <img src='assets/stormwaterimperviousarea/image091.png'/> to view north (south facing)</li><li><u>West</u>: Click <img src='assets/stormwaterimperviousarea/image092.png'/> to view east (west facing)</li><li><u>East</u>: Click <img src='assets/stormwaterimperviousarea/image093.png'/> to view west (east facing)</li><li><u>From Directly Above</u>: Click <img src='assets/stormwaterimperviousarea/image094.png'/> to view from directly above (orthogonal image).</li><li><u>Rotate Counterclockwise</u>: Click <img src='assets/stormwaterimperviousarea/image095.png'/> to rotate the image counterclockwise.</li><li><u>Rotate Clockwise</u>: Click <img src='assets/stormwaterimperviousarea/image096.png'/> to rotate the image clockwise.</li></ul></li><li><b>Zoom:</b> Zoom in or out to move closer or farther away from the current location. Click the <img src='assets/stormwaterimperviousarea/image097.png'/> to Zoom In and <img src='assets/stormwaterimperviousarea/image098.png'/> to Zoom Out.<ul><li><u>Zoom Shortcuts</u>: If you hover over the zoom buttons, the Neighborhood level and Community level zoom shortcuts will appear. The image opens in Neighborhood view by default. Click either option to change the view.<figure><img src='assets/stormwaterimperviousarea/image099.png'/><figcaption><i>Zoom Shortcuts</i></figcaption></figure></li></ul></li><li><b>Image Selection:</b> The Image Selection tool allows you to view additional oblique images of the same (or similar) orientation at the current zoom level.<figure><img src='assets/stormwaterimperviousarea/image100.png'/><figcaption><i>Image Selection</i></figcaption></figure><ul><li>The date indicates when the image being displayed was taken.</li><li>Click <img src='assets/stormwaterimperviousarea/image101.png'/> to view the previous image, click <img src='assets/stormwaterimperviousarea/image102.png'/> to view the next image.</li><li>The ‘xx of xx’ text indicates the image number and the total number of images available for that orientation and zoom level.</li></ul></li><li><b>Export Image to PDF:</b> Export the image to PDF to print or save.<ul><li>Click the ‘Export Image to PDF’ button, <img src='assets/stormwaterimperviousarea/image103.png'/>.</li><li>The Print Image window will open.<figure><img src='assets/stormwaterimperviousarea/image104.png'/><figcaption><i>Print Image window</i></figcaption></figure></li><li>Enter a title (optional) for the image and click ‘OK’.</li><li>The PDF will open in a browser window.</li><li>To save or print the image, right click on it and select ‘Save’ or ‘Print’.</li></ul></li></ul>"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "title": "Common Search Issues",
                        "content": "<ul><li>Highways are abbreviated like this: US 31, SR 67, I-465 (no periods after initials)</li><li>The last word of a street name will be abbreviated as:<ul><li>AVE (Avenue)</li><li>BLVD (Blvd)</li><li>CIR (Circle)</li><li>CT (Court)</li><li>DR (Drive)</li><li>LN (Lane)</li><li>PKWY (Parkway)</li><li>PL (Place)</li><li>RD (Road)</li><li>ST (Street)</li><li>WAY (Way)</li></ul></li><li>A direction may be used before the last word to indicate parallel roads that have address numbers in the same address range. When the last word in the street name is 'Drive' or 'Lane', the abbreviation for the direction will be combined with the abbreviation of the last word.<ul><li>EDR (East Drive)</li><li>ELN (East Lane)</li><li>NDR (North Drive)</li><li>SDR (South Drive)</li><li>WDR (West Drive)</li><li>WLN (West Lane)</li></ul></li><li>For streets that have a directional prefix, the prefix will be abbreviated with one letter: N (North), S (South), E (East), W (West). For example:<ul><li>N MERIDIAN ST</li><li>W 38TH ST</li></ul></li><li>Sometimes a prefix is mistakenly added when one is not needed. Try removing the N, S, E, W prefix and typing the house number and street name to see if your address is found.</li><li>Only two abbreviations of the first word of a street name are allowed. They are:<ul><li>DR (Doctor)</li><li>ST (Saint). For example: &quot;Saint Clair&quot; should be &quot;St Clair&quot;.</li></ul></li><li>Two words are always abbreviated - OVLK (Overlook) and JCTN (Junction). Examples are:<ul><li>CROOKED CREEK OVLK</li><li>EAGLE CREEK OVLK DR</li><li>MANN VILLAGE JCTN</li><li>COUNTRY JCTN</li></ul></li><li>For numbered streets, the first word of the street name will consist of the alphanumeric version of the ordinal number. For 1st through 9th Streets and 1st through 9th Avenues, a leading zero must be used. On all streets other than numbered streets, all numbers must be spelled out. For example:<ul><li>01ST ST</li><li>10TH ST</li><li>05TH AVE</li><li>THOUSAND OAKS DR</li></ul></li><li>For street names that start with the word 'Mount', that word is always spelled out:<ul><li>MOUNT AUBURN DR</li><li>MOUNT HERMAN AVE</li><li>MOUNT RAINIER DR</li></ul></li><li>The following exceptions have been approved to deal with street names which exceed 20 characters in length, have special characters, or have been defined by consensus and common usage:<ul><li>40 & 8 AVE</li><li>ALLEN'S LN</li><li>ALONZO WATFORD SR DR</li><li>AMANDA'S WAY</li><li>COL H WIER COOK MEM DR</li><li>COL H WIER COOK MEM DR N</li><li>COL H WIER COOK MEM DR S</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HARCOURT SPRING TER</li><li>HILLCREST CTRYCLB RD</li><li>MOORESVILLE BY-PASS</li><li>MOUNT PLEASANT CTR DR</li><li>O'HARA CT</li><li>O'HARA LN</li><li>PARK 65 DR</li><li>QUAIL'S NEST DR</li><li>SCOTT-IAN CT</li><li>SCOTT-IAN LN</li><li>STOP 10 RD</li><li>STOP 11 RD</li><li>STOP 12 RD</li><li>STOP 13 RD</li><li>SYCAMORE SPRINGS TRL</li><li>THOMPSON VILLAGE TRL</li><li>VAL-DEL CT</li></ul></li><li>Commonly misspelled street names:<ul><li>COLD SPRING RD</li><li>DEQUINCY ST</li><li>DR A J BROWN AVE</li><li>DR M L KING JR ST</li><li>HOLLIDAY CIR</li><li>HOLLIDAY DR</li><li>HOLLIDAY DR E</li><li>HOLLIDAY DR W</li><li>HOLLIDAY LN</li><li>LASALLE ST</li><li>LEGRANDE AVE</li><li>MAC ARTHUR CT</li><li>MAC ARTHUR LN</li><li>MC CLEAN PL</li><li>MC CLELLAN CT</li><li>MC CLURE ST</li><li>MC CONNELL WAY</li><li>MC CORD ST</li><li>MC COY ST</li><li>MC CRAY ST</li><li>MC DOUGAL ST</li><li>MC DOWELL DR</li><li>MC FARLAND BLVD</li><li>MC FARLAND CT</li><li>MC FARLAND PL</li><li>MC FARLAND RD</li><li>MC GAUGHEY RD</li><li>MC GILL ST</li><li>MC GREGOR RD</li><li>MC GUIRE CT</li><li>MC HENRY LN</li><li>MC ILVAIN DR</li><li>MC INTOSH LN</li><li>MC KIM AVE</li><li>MC KINLEY CT</li><li>MC LAIN DR</li><li>MC LAUGHLIN AVE</li><li>MC LEAN PL</li><li>MC LEAY DR</li><li>MCCARTY ST</li><li>MCCLARNEY CT</li><li>MCCLOUD CT N</li><li>MCCLOUD CT S</li><li>MCCOLLOUGH CT</li><li>MCCOLLOUGH DR</li><li>MCCORD LN</li><li>MCCORMICK ST</li><li>MCCREA ST</li><li>MCCREADY CT</li><li>MCCURDY RD</li><li>MCKEAN LN</li><li>MCNUTT CIR</li><li>MCPHERSON ST</li><li>MCTHORN DR</li><li>MITTHOEFER RD</li><li>NORTH PERIMETER RD</li><li>SOUTH PERIMETER RD</li><li>WEST PERIMETER RD</li></ul></li><li>Streets that may have problems being found because a directional is included as part of the street name:<ul><li>NORTH WILLOW WAY</li><li>NORTH CIRCLE DR</li><li>NORTH BEND RD</li><li>NORTH PERIMETER RD</li><li>NORTH SERVICE RD</li><li>NORTH ACCESS RD</li><li>NORTH MEADOW CIR</li><li>NORTH MEADOW DR</li><li>NORTH PARK DR</li><li>SOUTH ACCESS RD</li><li>SOUTH CIRCLE DR</li><li>SOUTH COURT DR</li><li>SOUTH HAVEN CT</li><li>SOUTH PERIMETER RD</li><li>SOUTH RIVER RD</li><li>SOUTH SERVICE RD</li><li>SOUTH VILLAGE WAY</li><li>EAST HILL DR</li><li>EAST BOUNDARY ST</li><li>EAST CIRCLE DR</li><li>WEST ARLINGTON CT</li><li>WEST CIRCLE DR</li><li>WEST FORK RD</li><li>WEST HILL DR</li><li>WEST LAKE DR</li><li>WEST LAKE NDR</li><li>WEST LAKE RD</li><li>WEST LAKE SDR</li><li>WEST PARK WAY</li><li>WEST PERIMETER RD</li><li>WEST POINT DR</li><li>WEST POINT PL</li><li>WEST RIDGE CIR</li><li>WEST VIEW DR</li><li>WEST WIND LN</li></ul></li></ul>"
                    }
                ]
            },
            {
                "title": "Application Selection Tool",
                "content": "<span>The Stormwater Impervious Area Application will include the Application Selection tool if accessed through the MapIndy Application. Use this tool to toggle between applications while retaining map and tool views.</span><br/><br/><img src='assets/stormwaterimperviousarea/image105.png'/><br/><br/><div class='listContent'><span><b>MapIndy (default)</b></span><br/><span>Displays general Indianapolis and property related information. Tools include address/parcel search, measure, & oblique imagery (Pictometry).</span><br/><br/><span><b>Zoning Browser</b></span><br/><span>Displays Indianapolis zoning-related information for any property including zoning, rezoning, flood zones, approvals, variances, LNCU, and comprehensive plan. Also identifies properties in historically significant and historic preservation areas, regional center, excluded cities and excluded sanitary districts.</span><br/><br/><span><b>Stormwater Impervious Area</b></span><br/><span>Provides tools for searching and viewing storm water billing information. Contains various search options to find and filter impervious area.</span><br/><br/><span><b>Mapping Application for Public Safety</b></span><br/><span>Provides access to law enforcement incident report information from the Indianapolis Metropolitan Police Department and the Speedway Police Department. Contains various search options to find and filter reports.</span></div>"
            }
        ]
    },
    {
        "title": "Mapping Application for Public Safety",
        "browserPageTitle": "Mapping Application for Public Safety Help",
        "isExpanded": true,
        "directories": [
            {
                "title": "Overview",
                "isExpanded": true,
                "content": "<span>This application provides access to law enforcement incident report information for the Indianapolis Metropolitan Police Department (IMPD) and Speedway Police Department jurisdictions in Marion County, IN.</span><ul><li>Select the incident types, date range, and area of interest where you would like to see law enforcement incident report information.</li><li>View law enforcement incidents on the map.</li><li>View, print, and save law enforcemenst incident report information.</li><li>View, save, and/or print oblique imagery for a property.</li><li>Search for a location by address or intersection.</li><li>Display public safety related layers on the map.</li><li>Annotate the map with customizable symbology and text.</li><li>Print or save the map.</li></ul>"
            },
            {
                "title": "Application Main View",
                "content": "<figure><img src='assets/maps/image002.png'/><figcaption><i>Mapping Application for Public Safety (MAPS)</i></figcaption></figure>"
            },
            {
                "title": "Toolbar",
                "content": "<span>The Toolbar includes the Search and Filter tool, several map tools (Print, Draw, Layer List), and details about law enforcement incident report information (About).</span><figure class='nomargin'> <img src='assets/maps/image022.png'/> <figcaption><i>Toolbar tools</i></figcaption></figure><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image023.png'/></div><div class='inlineItemText'><u>Search and Filter</u>: Find law enforcement incident report information.</div></div><br/><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image120.png'/></div><div class='inlineItemText'><u>About</u>: Learn about law enforcement incident report information, report problems or provide feedback.</div></div><br/><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image128.png'/></div><div class='inlineItemText'><u>Print</u>: Print and/or save the map in a variety of layouts and file formats.</div></div><br/><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image146.png'/></div><div class='inlineItemText'><u>Draw</u>: Include customizable shape, symbol and text annotations on the map.</div></div><br/><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image233.png'/></div><div class='inlineItemText'><u>Layer List</u>: Display public safety related layers on the map.</div></div><br/><div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image288.png'/></div><div class='inlineItemText'><u>Help</u>: View the Help file for this application.</div></div>",
                "directories": [
                    {
                        "title": "Search and Filter Tool",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image023.png'/></div><div class='inlineItemText'>Search for and view law enforcement incident report information.</div></div><ul><li><b>Search and Filter tool window:</b> Click the Search and Filter tool button <img src='assets/maps/image023.png'/> to open the window.</li><figure><img src='assets/maps/image024.png'/><figcaption><i>Search and Filter window expanded</i></figcaption></figure><li> <b>Collapse/Expand the Search and Filtr tool window:</b> Click the up arrow icon <img src='assets/maps/image025.png'/> to collapse the window, click the down arrow icon <img src='assets/maps/image026.png'/> to expand the window.</li> <figure><img src='assets/maps/image027.png'/><figcaption><i>Search and Filter window collapsed</i></figcaption></figure><li> <b>Close the Search and Filter tool window:</b> Click the close icon <img src='assets/maps/image028.png'/> or the Search and Filter tool button <img src='assets/maps/image023.png'/> to close the window.</li></ul>",
                        "directories": [
                            {
                                "title": "Filter Settings",
                                "content": "<span>There are two Search and Filter tool search filter options available; Select by Recent History and Select by Custom Date Range. The only difference between the options is how the incident date range is determined, all other filter options are the same.</span><figure class='nomargin'><img src='assets/maps/image029.png'/><figcaption><i>Search and Filter tool Filter Settings options</i></figcaption></figure><ul><li><u>Select by Recent History</u>: Search for law enforcement incident report information by selecting from predetermined date ranges.</li><li><u>Select by Custom Date Range</u>: Search for law enforcement incident report information using a custom date range.</li></ul><span><b>Open the Search Filter Options</b></span><ul><li>Click either the ‘Select by Recent History’ <img src='assets/maps/image030.png'> or the ‘Select by Custom Date Range’ <img src='assets/maps/image031.png'> option.</li><li>The search filter settings are displayed in the Search and Filter tool window.  Scroll down to see all settings.<figure class='nomargin'><img src='assets/maps/image032.png'><figcaption><i>Search and Filter tool ‘Select by Recent History’ search filter options partial displayed</i></figcaption></figure></li><li>Click the ‘Select by Recent History’ <img src='assets/maps/image033.png'> or the <img src='assets/maps/image034.png'> option at the top of the filter settings to return to the search filter options.</li></ul>",
                                "directories": [
                                    {
                                        "title": "Select Incident Types",
                                        "content": "<span>Select the incident types to include in the search results.  All options are set to ‘no’ by default, so, at least one must be selected to get results.<figure class='nomargin'><img src='assets/maps/image035.png'><figcaption><i>Incident types not selected</i></figcaption></figure></span><ul><li class='bottom_padding_5px'>Mouse over an incident type yes button <img src='assets/maps/image036.png'>.</li><li class='bottom_padding_5px'>It will be highlighted with a gray box, <img src='assets/maps/image037.png'>.</li><li>Click the radio button to select the incident type, .<img src='assets/maps/image038.png'></li></ul>"
                                    },
                                    {
                                        "title": "Set Incident Date Range",
                                        "content": "<span>Set the incident date range used to search for law enforcement incident report information.  There are two different methods for setting the incident date range depending on the filter setting used, ‘Select by Recent History’ or ‘Select by Custom Date Range’.  Please note that the application only shows incidents that occurred within the last 6 months.</span>",
                                        "directories": [
                                            {
                                                "title": "Recent History",
                                                "content": "<span>Select a predetermined date range to search for law enforcement incident report information.  This option is only available when using the ‘Select by Recent History’ filter setting.</span><figure class='nomargin'><img src='assets/maps/image039.png'><figcaption><i>‘Select by Recent History’ incident date range field</i></figcaption></figure><ul><li>Click the dropdown arrow <img src='assets/maps/image040.png'/> to reveal the incident date range options.<figure class='nomargin'><img src='assets/maps/image041.png'/><figcaption><i>‘Select by Recent History’ incident date range options</i></figcaption></figure></li><li>Click a date range option to select it.</li></ul>"
                                            },
                                            {
                                                "title": "Custom Date Range",
                                                "content": "<span>Set a custom date range to search for law enforcement incident report information. This option is only available when using the ‘Select by Custom Date Range’ filter setting. Additionally, the application only shows incidents that occurred within the last 6 months.</span><figure class='nomargin'><img src='assets/maps/image042.png'><figcaption><i>‘Select by Custom Date Range’ date fields</i></figcaption></figure><ul><li>Click the dropdown arrow <img src='assets/maps/image040.png'> in the first date field to reveal the ‘the date…’ option.<figure class='nomargin'><img src='assets/maps/image043.png'><figcaption><i>Date field</i></figcaption></figure></li><li>Click ‘the date…’ to reveal the calendar.<figure class='nomargin'><img src='assets/maps/image044.png'><figcaption><i>Custom date calendar</i></figcaption></figure><ul><li>The current month is displayed at the top of the calendar along with the left/right and dropdown arrows. Use the arrow controls to navigate through the months.<figure class='nomargin'><img src='assets/maps/image045.png'><figcaption><i>Calendar month navigation controls</i></figcaption></figure></li><li>The current year is displayed at the bottom of the calendar (bold) along with the previous and next years. Click one to change to that year.<figure class='nomargin'><img src='assets/maps/image046.png'><figcaption><i>Calendar year navigation controls</i></figcaption></figure></li><li>Click any date that is not crossed out to select the start date, i.e. <img src='assets/maps/image047.png'>. You cannot select a day that is crossed out, i.e. <img src='assets/maps/image048.png'>. It’s either a future date or older than six months.<figure class='nomargin'><img src='assets/maps/image049.png'><figcaption><i>Custom start date populated</i></figcaption></figure></li></ul></li><li>Repeat this process in the second date field to set the stop date. Remember, the stop date selected must be more recent than the start date.<figure class='nomargin'><img src='assets/maps/image287.png'><figcaption><i>Custom start/stop dates populated</i></figcaption></figure></li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Select Area of Interest",
                                        "content": "<span>Select the area of interest used to search for law enforcement incident report information.  There are two methods available; ‘Only return features that intersect with features in another layer’ or ‘Only return features that intersect with the shape drawn on the map’.</span><figure class='nomargin'><img src='assets/maps/image050.png'><figcaption><i>Select area of interest</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Only return features that intersect with features in another layer",                                               
                                                "content": "<span>Select a layer feature as the area of interest used to search for law enforcement incident report information.</span><ul><li>Click the dropdown arrow <img src='assets/maps/image040.png'/> in the first field to reveal the area of interest options and select ‘Only return features that intersect with features in another layer’.<figure><img src='assets/maps/image051.png'/><figcaption><i>‘Only return features that intersect with features in another layer’ area of interest option selected</i></figcaption></figure></li><li>The ‘Related layer’ field is displayed.<figure><img src='assets/maps/image052.png'/><figcaption><i>Related layer field</i></figcaption></figure></li><li>Click the dropdown arrow <img src='assets/maps/image053.png'/> in the ‘Related layer’ field to reveal the layers list and select one.<figure><img src='assets/maps/image054.png'/><figcaption><i>Layer options</i></figcaption></figure></li><li>Once a layer is selected, the ‘Select feature’ field is displayed.<figure><img src='assets/maps/image055.png'/><figcaption><i>Related layer and Select feature fields</i></figcaption></figure></li><li>Click the ‘Select feature’ dropdown arrow <img src='assets/maps/image040.png'/> to reveal the feature options and select one.<figure><img src='assets/maps/image056.png'/><figcaption><i>Parks layer feature options</i></figcaption></figure><figure><img src='assets/maps/image057.png'/><figcaption><i>Parks layer feature selected</i></figcaption></figure></li><li>The map zooms to and highlights the selected feature. A search distance is applied by default but may be removed if desire. This is discussed in more detail in the ‘Apply Search Distance’ topic below.<figure><img src='assets/maps/image058.png'/><figcaption><i>Map showing the selected Park layer feature with default search distance applied</i></figcaption></figure></li></ul>"
                                            },
                                            {
                                                "title": "Only return features that intersect with the shape drawn on the map",
                                                "content": "<span>Draw the area of interest on the map that’s used to search for law enforcement incident report information.</span><ul><li>Click the dropdown arrow <img src='assets/maps/image040.png'/> in the first field to reveal the area of interest options and select ‘Only return features that intersect with the shape drawn on the map’.<figure class='nomargin'><img src='assets/maps/image059.png'/><figcaption><i>‘Only return features that intersect with the shape drawn on the map’ area of interest option selected</i></figcaption></figure></li><li>The area of interest drawing tools are displayed.<figure class='nomargin'><img src='assets/maps/image060.png'/><figcaption><i>Area of interest drawing tools; point, polyline, extent, and clear</i></figcaption></figure><ul><li class='bottom_padding_5px'>Select a draw tool by clicking either the point <img src='assets/maps/image061.png'/>, polyline <img src='assets/maps/image062.png'/>, or extent <img src='assets/maps/image063.png'/> button.</li><li class='bottom_padding_5px'>The selected tool will be outlined in black and shaded gray; i.e. point selected <img src='assets/maps/image064.png'/>, polyline selected <img src='assets/maps/image065.png'/>, or extent selected <img src='assets/maps/image066.png'/> button.</li></ul></li><li>To draw a point, select the point draw tool <img src='assets/maps/image064.png'/>, and click anywhere on the map.<ul><li>The point icon is added to the map. The default search distance is applied and is generally required for a point, however, the distance can be adjusted. This is discussed in more detail in the ‘Apply Search Distance’ topic below.<figure class='nomargin'><img src='assets/maps/image067.png'/><figcaption><i>Point drawn on the map with default search distance applied</i></figcaption></figure></li></ul></li><li>To draw a polyline, select the polyline draw tool <img src='assets/maps/image065.png'/>.<ul><li>Click on the map to add two or more points and double click to end the line.</li><li>A blue dashed line will be added to the map. The default search distance is applied and is generally required for a polyline, however, the distance can be adjusted. This is discussed in more detail in the ‘Apply Search Distance’ topic below.</li><figure class='nomargin'><img src='assets/maps/image068.png'/><figcaption><i>Polyline drawn on the map with default search distance applied</i></figcaption></figure></ul></li><li>To draw an extent, select the extent draw tool <img src='assets/maps/image066.png'/>.<ul><li>Click/drag/release on the map to draw an extent. It will be added to the map with a dark blue outline and semi-transparent blue fill. A search distance is applied by default (outer dark blue outline with semi-transparent light blue fill) but may be adjusted or removed if desired. This is discussed in more detail in the ‘Apply Search Distance’ topic below.</li><figure class='nomargin'><img src='assets/maps/image069.png'/><figcaption><i>Extent drawn on the map with default search distance applied</i></figcaption></figure></ul></li><li>Click the clear button <img src='assets/maps/image070.png'/> to remove the area of interest drawing from the map.</li></ul>"
                                            },
                                            {
                                                "title": "Apply a Search Distance",
                                                "content": "<span>Apply a search distance radius to extend the area of interest that’s used to search for law enforcement incident report information.</span><figure class='nomargin'><img src='assets/maps/image072.png'/><figcaption><i>Extent drawn on the map with default search distance applied</i></figcaption></figure><figure class='nomargin'><img src='assets/maps/image073.png'/><figcaption><i>Search distance options</i></figcaption></figure><ul><li>To remove the Search distance from the area of interest, uncheck the ‘Apply a search distance’ option. The distance and unit fields will be grayed-out. To indicate the feature has been disabled<figure class='nomargin'><img src='assets/maps/image074.png'/><figcaption><i>Search distance disabled</i></figcaption></figure><ul><li>In general, point and polyline drawings will require a search distance to return results unless the point/line is placed directly on an incident point.</li></ul></li><li>To adjust the Search distance:<ul><li>Click in the first field and manually enter a distance value.</li><li>Click the dropdown arrow <img src='assets/maps/image040.png'/> in the second field to reveal the unit options and select one.<figure class='nomargin'><img src='assets/maps/image075.png'/><figcaption><i>Search distance unit options</i></figcaption></figure></li></ul></li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Result Layer Name",
                                        "content": "<span>Enter a descriptive name for the result layer. It will be displayed in the Search and Filter tool window Results tab and the Layers List.</span><figure class='nomargin'><img src='assets/maps/image076.png'/><figcaption><i>‘Result layer name’ field</i></figcaption></figure><ul><li>Click in the ‘Result layer name’ field and manually enter a name.</li></ul>"
                                    },
                                    {
                                        "title": "Submit Search Query",
                                        "content": "<span>Submit your query to generate search results.</span><ul><li class='bottom_padding_5px'>The ‘Apply’ button <img src='assets/maps/image077.png'/> will remain inactive until all of the required filter settings have been configured. The ‘Apply’ button will become active (green) when the required settings are configured.</li><li class='bottom_padding_5px'>Click the active ‘Apply’ button <img src='assets/maps/image078.png'/> to generate the search results.</li><li>Search Results will be displayed in the Search and Filter window Results tab and the Layers List. Please see the ‘Results’ section below for more details.</li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Search and Filter Tool Search Results",
                                "content": "<span>There are several ways to view Search and Filter tool search results:</span><ul><li>Law enforcement incident reports are displayed in the Search and Filter tool ‘Results’ tab.</li><li>The area of interest and incident symbols are displayed on the map.</li><li>Incident are added as a layer in the Layer List.</li></ul>",
                                "directories":[
                                    {
                                        "title": "Results Tab",
                                        "content": "<span>After submitting your Search and Filter tool search query, the ‘Results’ tab will open automatically.</span><figure class='nomargin'><img src='assets/maps/image079.png'/><figcaption><i>Search and Filter tool search results listing law enforcement incidents for the area and time frame specified in the search filter options.</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Results layer name",
                                                "content": "<span>The ‘Result layer name’ entered in the search filter settings is shown in the box, i.e. Fountain Square.</span><figure class='nomargin'><img src='assets/maps/image080.png'/><figcaption><i>Search Result layer name</i></figcaption></figure>"
                                            },
                                            {
                                                "title": "‘Feature actions’ menu",
                                                "content": "<span>The ‘Feature actions’ menu includes options that allow you to navigate to, export, save, and remove the search results.</span><ul><li>Click the ‘Feature actions’ button <img src='assets/maps/image081.png'/> to open the menu.<figure class='nomargin'><img src='assets/maps/image082.png'/><figcaption><i>‘Feature actions’ button and menu highlighted</i></figcaption></figure></li><li>Navigate to the Law Enforcement Incidents on the map.<ul><li><img src='assets/maps/image083.png'/> Click the ‘Zoom to’ option to zoom to a scale level that displays all law enforcement incidents returned by the Search and Filter tool search. Note: the area of interest may not be fully visible depending on the number of incidents returned.</li><li class='bottom_padding_5px'><img src='assets/maps/image084.png'/> Click the ‘Pan to’ option to maintain the current zoom level and pan to the middle of all law enforcement incidents returned by the Search and Filter tool search. Note: all incidents may or may not be displayed depending on the current zoom level.</li></ul></li><li>Export Law Enforcement Incident Reports.<ul><li><img src='assets/maps/image085.png'/> Click the ‘Export to CSV file’ option to save the law enforcement incidents returned by the Search and Filter tool search as a .csv file.</li><li><img src='assets/maps/image086.png'/> Click the ‘Export to Feature collection’ option to save the law enforcement incidents returned by the Search and Filter tool search as a .json file.</li><li class='bottom_padding_5px'><img src='assets/maps/image087.png'/> Click the ‘Export to GeoJSON’ option to save the law enforcement incidents returned by the Search and Filter tool search as a .geojson file.</li></ul></li><li>Save to ArcGIS Online.<ul><li class='bottom_padding_5px'><img src='assets/maps/image088.png'/> Click the ‘Save to My Content’ option to save the law enforcement incidents returned by the Search and Filter tool search to your ArcGIS Online account. Note: you will be required to login to ArcGIS Online.</li></ul></li><li>Remove the Search Results from the Search and Filter tool Results tab, the map display, and the Layers List.<ul><li><img src='assets/maps/image089.png'/> Click the ‘Remove this result’ option to remove the search results from the Search and Filter tool Results tab, the map, and the Layer List.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Number of Incident Reports Found",
                                                "content": "<figure><img src='assets/maps/image090.png'/><figcaption><i>Search and Filter tool search results with the number of incident reports found highlighted</i></figcaption></figure>"
                                            },
                                            {
                                                "title": "Expand/Collapse All Incident Reports",
                                                "content": "<figure class='nomargin'><img src='assets/maps/image091.png'/><figcaption><i>Search and Filter tool search results with the ‘Expand all’ incident reports button highlighted</i></figcaption></figure><ul><li>Click the ‘Expand all’ button <img src='assets/maps/image092.png'/> to expand all incident reports returned by the Search and Filter tool search.<figure class='nomargin'><img src='assets/maps/image093.png'/><figcaption><i>Search and Filter tool search results with all incident reports expanded</i></figcaption></figure><ul><li>Once all incident reports have been expanded, the ‘Expand all’ button changes to the ‘Collapse all’ button <img src='assets/maps/image094.png'/>. Click it to collapse all incident reports.</li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Sort Incident Reports",
                                                "content": "<span>Law enforcement incident reports can be sorted by Type (default) or Date.</span><figure class='nomargin'><img src='assets/maps/image095.png'/><figcaption><i>Sort by control</i></figcaption></figure><ul><li>Click the dropdown arrow <img src='assets/maps/image040.png'/> to open the sort by options.<figure class='nomargin'><img src='assets/maps/image096.png'/><figcaption><i>Search and Filter tool search results Sort by options</i></figcaption></figure><ul><li><u>Type</u>: Sort by incident type ID number (default).<figure class='nomargin'><img src='assets/maps/image097.png'/><figcaption><i>Search and Filter tool results sorted by law enforcement incident type ID numbers, i.e. 042, 052, and 060.</i></figcaption></figure></li><li><u>Date</u>: Sort by date of the incident (oldest to newest).<figure class='nomargin'><img src='assets/maps/image098.png'/><figcaption><i>Search and Filter tool results sorted by date of law enforcement incident, i.e. 1/30/2021, 2/7/2021, and 3/13/2021.</i></figcaption></figure></li></ul></li></ul>"
                                            },
                                            {
                                                "title": "Expand/Collapse a Single Incident Report",
                                                "content": "<figure class='nomargin'><img src='assets/maps/image099.png'/><figcaption><i>Law enforcement incident reports list in Search and Filter tool search results.</i></figcaption></figure><ul><li>Expand an individual incident report by clicking the expand incident icon <img src='assets/maps/image100.png'/> to the right of the incident summary.<figure class='nomargin'><img src='assets/maps/image101.png'/><figcaption><i>Law enforcement incident report expanded.</i></figcaption></figure></li><li>After expanding the incident report, the expand incident icon <img src='assets/maps/image100.png'/> changes to collapse incident icon <img src='assets/maps/image102.png'/>. Click it to collapse the incident.</li></ul>"
                                            },
                                            {
                                                "title": "Locate an Incident on the Map",
                                                "content": "<span>To view the location of a law enforcement incident on the map from the Search and Filter tool search results, click an incident in the list.  The map will zoom to the incident symbol and highlight it while also displaying the incident report in a popup window.</span><figure class='nomargin'><img src='assets/maps/image103.png'/><figcaption><i>Search and Filter tool search results with a law enforcement incident report selected and displayed on the map.</i></figcaption></figure>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Map",
                                        "content": "<span>After submitting your Search and Filter tool search query, the area of interest and law enforcement incidents are displayed on the map.</span><figure class='nomargin'><img src='assets/maps/image104.png'/><figcaption><i>Map showing area of interest and law enforcement incident icons</i></figcaption></figure><ul><li>On the map, click an incident symbol to view the law enforcement incident report in a popup window.<figure class='nomargin'><img src='assets/maps/image105.png'/><figcaption><i>Law Enforcement Incident Report Popup</i></figcaption></figure></li></ul>",
                                        "directories": [
                                            {
                                                "title": "Law Enforcement Incident Report Popup Window",
                                                "content": "<span>After selecting an incident icon on the map, the law enforcement incident report is displayed in a popup window.</span><figure class='nomargin'><img src='assets/maps/image106.png'/><figcaption><i>Law Enforcement Incident Report Popup</i></figcaption></figure><ul><li class='bottom_padding_5px'><u>Close</u>: Click the close button <img src='assets/maps/image107.png'/> to close the popup window. </li><li><u>Expand</u>: Click the expand button <img src='assets/maps/image108.png'/> to expand the popup window.<ul><li class='bottom_padding_5px'>Click the collapse button <img src='assets/maps/image109.png'/> to collapse the popup window.</li></ul></li><li class='bottom_padding_5px'><u>Zoom To</u>: Click the zoom to button <img src='assets/maps/image110.png'/> to center on and zoom to the selected incident icon.</li><li><u>Popup menu</u>: Click the popup menu button <img src='assets/maps/image111.png'/> to display the popup menu options.<figure class='nomargin'><img src='assets/maps/image112.png'/><figcaption><i>Incident popup menu options</i></figcaption></figure><ul><li><u>Pan to</u>: Click the pan to button <img src='assets/maps/image113.png'/> to center the map on the selected incident icon.</li><li><u>Add a marker</u>: Click the add a marker button <img src='assets/maps/image114.png'/> to place a marker symbol <img src='assets/maps/image115.png'/> on the incident icon.<ul><li>Click on the marker symbol to display the marker popup window.<figure class='nomargin'><img src='assets/maps/image116.png'/><figcaption><i>Incident marker popup</i></figcaption></figure><ul><li class='bottom_padding_5px'>The longitude/latitude for the marker location are displayed.</li><li class='bottom_padding_5px'>A URL for the marker is provided. It can be copied and shared. The URL will open the MAPS application and display the marker (the law enforcement incident is not included).</li><li class='bottom_padding_5px'>The close <img src='assets/maps/image107.png'/>, expand/collapse <img src='assets/maps/image108.png'/> <img src='assets/maps/image109.png'/>, and zoom to <img src='assets/maps/image110.png'/> buttons work just like the incident popup.</li><li>Click the popup menu button <img src='assets/maps/image111.png'/> to display the marker symbol popup menu options.<figure class='nomargin'><img src='assets/maps/image117.png'/><figcaption><i>Marker symbol popup menu</i></figcaption></figure><ul><li class='bottom_padding_5px'><u>Pan to</u>: Click the pan to button <img src='assets/maps/image113.png'/> to center the map on the marker symbol.</li><li><u>Remove marker</u>: Click the remove marker button <img src='assets/maps/image118.png'/> to remove the marker symbol.</li></ul></li></ul></li><ul></li></ul></li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Layer List",
                                        "content": "<span>After submitting your Search and Filter tool search query, a new layer is added to the Layer List.</span><figure class='nomargin'><img src='assets/maps/image119.png'/><figcaption><i>Fountain Square Search and Filter tool results layer in Layer List</i></figcaption></figure><ul><li>The new layer is labeled with the ‘Result layer name’ entered when configuring the search filter settings.</li><li>See the ‘Layer List’ section below for details about using layers.</li></ul>"
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        "title": "About",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image120.png'/></div><div class='inlineItemText'>Use the <b>About</b> tool to learn more about the law enforcement incident report information, report problems with this application and/or provide feedback.</div></div><figure class='nomargin'><img src='assets/maps/image121.png'/><figcaption><i>About tool selected and displaying the law enforcement incident information message</i></figcaption></figure><ul><li><b>Open the About Window:</b> Click <img src='assets/maps/image122.png'/> to display the law enforcement incident information message.<ul><li class='bottom_padding_5px'>Click the ‘Email us’ link at the bottom of the message to report a problem with this application and/or provide feedback.</li></ul></li><li><b>Collapse/Expand the About Window:</b> Click <img src='assets/maps/image123.png'/> to collapse the message, click <img src='assets/maps/image124.png'/> to expand the message.<figure class='nomargin'><img src='assets/maps/image125.png'/><figcaption><i>Law Enforcement Incident Information message collapsed</i></figcaption></figure></li><li><b>Close the About Window:</b> Click <img src='assets/maps/image126.png'/> to close the message or click <img src='assets/maps/image122.png'/> again.</li></ul>"
                    },
                    {
                        "title": "Print",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image128.png'/></div><div class='inlineItemText'>Use the <b>Print</b> tool to save and/or print the map in a variety of layouts and formats. The map includes enabled layers and any drawings added.</div></div><ul><li><b>Open the Print Window:</b> Click the Print tool button <img src='assets/maps/image128.png'/> to open the Print window.<figure><img src='assets/maps/image129.png'/><figcaption><i>Print window expanded</i></figcaption></figure></li><li><b>Collapse/Expand the Print Window:</b> Click the up arrow icon <img src='assets/maps/image123.png'/> to collapse the Print tool window, click the down arrow icon <img src='assets/maps/image124.png'/> to expand the window.<figure><img src='assets/maps/image130.png'/><figcaption><i>Print tool collapsed</i></figcaption></figure></li><li><b>Close the Print Window:</b> Click the close icon <img src='assets/maps/image126.png'/> or the Print tool button <img src='assets/maps/image128.png'/> again.</li></ul>",
                        "directories": [
                            {
                                "title": "Print Settings",
                                "content": "<span>Configure the print settings; enter a map title, select a layout, and specify the file format.</span><figure><img src='assets/maps/image131.png'/><figcaption><i>Print Settings</i></figcaption></figure>",
                                "directories":[
                                    {
                                        "title": "Map Title",
                                        "content": "<span>This is a required field. Map title is included on the map when the MAPs Print Layout is used and is the name listed in the Print window exported map list.</span><ul><li>Click in the ‘Map title’ box and enter a title.<figure><img src='assets/maps/image132.png'/><figcaption><i>Print Map title field (required)</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Layout",
                                        "content": "<span>There are two layout options; MAPs Print Layout and MAP_ONLY.</span><ul><li><u>MAPs Print Layout</u>: This layout uses a template that frames the map image with a border and includes map details; i.e. title, legend, date printed, scale bar, feature attributes, and a disclaimer.<ul><li>It’s selected by default, so, no action is required if this is the layout you’d like to use.<figure><img src='assets/maps/image133.png'/><figcaption><i>Print Layout with MAPs Print Layout selected</i></figcaption></figure></li></ul></li><li><u>MAP_ONLY</u>: This layout includes only the map image (no border) and feature attributes.<ul><li>To select this layout, click the dropdown button <img src='assets/maps/image135.png'/> located at the right-side of the layout field and select MAP_ONLY.<figure><img src='assets/maps/image134.png'/><figcaption><i>Print Layout with MAP_ONLY selected</i></figcaption></figure></li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Format",
                                        "content": "<span>Choose the file format to use for the map image export.</span><ul><li>Click the dropdown button <img src='assets/maps/image135.png'/> located at the right-side of the format field and select the desired file format.<figure><img src='assets/maps/image136.png'/><figcaption><i>Print Format options</i></figcaption></figure></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Advanced Settings (MAP_ONLY Layout)",
                                "content": "<span>The MAPS_ONLY Layout offers some Advanced options.</span><figure class='nomargin'><img src='assets/maps/image137.png'/><figcaption><i>MAP_ONLY Layout showing Advanced button</i></figcaption></figure><ul><li>Click the Advanced button <img src='assets/maps/image138.png'/> to open the configuration options.<figure><img src='assets/maps/image139.png'/><figcaption><i>MAP_ONLY Layout Advanced options</i></figcaption></figure></li></ul>",
                                "directories": [
                                    {
                                        "title": "MAP_ONLY size",
                                        "content": "<span>This option allows you to resize the print version of the map when using the MAP_ONLY layout.</span><figure class='nomargin'><img src='assets/maps/image140.png'/><figcaption><i>MAP_ONLY layout resize options</i></figcaption></figure><ul><li>Click in the Width/Height boxes and manually enter the size in pixels for the print version of the map.</li></ul>"
                                    },
                                    {
                                        "title": "Print Quality",
                                        "content": "<span>Adjust the quality of the print version of the map.  The default DPI (dots per inch) value is 96.  A higher number will result in better image quality, decreased image size, and increased file size.  Likewise, a lower number will result in degraded image quality, increased image size, and decreased file size. If you’re unsure, leave it set to the default value.</span><figure class='nomargin'><img src='assets/maps/image141.png'/><figcaption><i>Print quality DPI setting</i></figcaption></figure><ul><li>Click in the DPI box and manually enter a value.</li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Print/Save Maps",
                                "content": "<span>After setting the Print configuration options, export the map to be saved and/or printed.</span><ul><li class='bottom_padding_5px'>To print the map, click the Print button <img src='assets/maps/image142.png'/>.</li><li>A link to the file will appear at the bottom of the print window along with the ‘Clear prints’ button.<figure><img src='assets/maps/image143.png'/><figcaption><i>Print window showing map link and Clear prints button</i></figcaption></figure></li><li>You can adjust the map view, reconfigure the print options, and print additional maps. The new map link/s will appear below the first one.<figure><img src='assets/maps/image144.png'/><figcaption><i>Multiple map links</i></figcaption></figure></li><li class='bottom_padding_5px'>Click a map link to open the map in your browser.</li><li class='bottom_padding_5px'>Right click on the exported map and select ‘Save’ or ‘Print’.</li><li>Click the Clear prints button <img src='assets/maps/image145.png'/> to clear the print list. The Clear print button will disappear until another print is generated.</li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Draw",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image146.png'/></div><div class='inlineItemText'>Use the <b>Draw</b> tool to include customizable shapes, icons, images, and text annotations on the map.</div></div><ul><li><b>Open the Draw Tool Window:</b> Click the Draw tool button <img src='assets/maps/image146.png'/> to open the Draw tool window.<figure><img src='assets/maps/image147.png'/><figcaption><i>Draw tool default view with ‘Select draw mode’ options displayed</i></figcaption></figure></li><li><b>Collapse/Expand the Draw Tool Window:</b> Click the up arrow icon <img src='assets/maps/image123.png'/> to collapse the Draw tool window, click the down arrow icon <img src='assets/maps/image124.png'/> to expand the window.<figure><img src='assets/maps/image148.png'/><figcaption><i>Draw tool collapsed</i></figcaption></figure></li><li><b>Close the Draw Tool Window:</b> Click the close icon <img src='assets/maps/image126.png'/> or the Draw tool button <img src='assets/maps/image146.png'/> to close the Draw tool.</li></ul>",
                        "directories": [
                            {
                                "title": "Select a Draw Mode",
                                "content": "<span>There are a variety of draw modes available; point, lines, arrow, shapes, and text.</span><img src='assets/maps/image149.png' class='standaloneImg'/><img src='assets/maps/image150.png' class='standaloneImg'/><img src='assets/maps/image151.png' class='standaloneImg'/><img src='assets/maps/image152.png' class='standaloneImg'/><img src='assets/maps/image153.png' class='standaloneImg'/><figure class='nomargin'><img src='assets/maps/image154.png'/><figcaption><i>‘Select draw mode’ options</i></figcaption></figure><ul><li class='bottom_padding_5px'>To select a draw mode, click any draw mode button.</li><li>Once selected, the button will be outlined in black with a gray fill.<figure><img src='assets/maps/image155.png'/><figcaption><i>Draw mode selected</i></figcaption></figure></li><li class='bottom_padding_5px'>The Preview appears below the ‘Select Draw Mode’ options. Please refer to the ‘Preview’ section below for more details.</li><li>The configuration options for the selected draw mode appear below the preview and will vary based on your selection. Please refer to the ‘Configuration Options’ section below for more details.</li></ul>"
                            },
                            {
                                "title": "Preview",
                                "content": "<figure class='nomargin'><img src='assets/maps/image156.png'/><figcaption><i>Example: Point preview</i></figcaption></figure><ul><li>The Preview will appear after a draw mode is selected.</li><li>The preview will change as configuration options are set. Please refer to the ‘Configuration Options’ section below for more details.</li></ul>"
                            },
                            {
                                "title": "Configuration Options",
                                "content": "<span>Configuration options vary for each draw mode and symbol option chosen. All draw mode configuration options are described below.</span><br/><br/>",
                                "directories": [
                                    {
                                        "title": "Select Symbol (Point, Lines, Arrow, or Shapes)",
                                        "content": "<span>Each draw mode offers a variety of symbols to choose from and configuration options vary based on the symbol type chosen (Point, Lines, Arrow, or Shapes).</span><br/><br/>",
                                        "directories": [
                                            {
                                                "title": "Point",
                                                "content": "<ul><li class='bottom_padding_5px'>Select the Point draw mode <img src='assets/maps/image157.png'/> (see the ‘Select a Draw Mode’ section above).</li><li>Click the point group header <img src='assets/maps/image158.png'/> to reveal the list of available groups.<figure class='nomargin'><img src='assets/maps/image159.png'/><figcaption><i>Point symbol groups</i></figcaption></figure></li><li>Select a group from the list to view the point options.<figure class='nomargin'><img src='assets/maps/image160.png'/><figcaption><i>Point draw mode, ‘Basic’ point group selected</i></figcaption></figure><ul><li class='bottom_padding_5px'>You may need to scroll down to see all options available.</li></ul></li><li class='bottom_padding_5px'>Select a point icon.</li><li class='bottom_padding_5px'>The preview will show your selection.</li><li>The configuration options for the selected point option will appear below the Shape Group control.</li></ul>"
                                            },
                                            {
                                                "title": "Line (Line, Polyline, & Freehand Line)",
                                                "content": "<ul><li class='bottom_padding_5px'>Select any of the Line draw modes <img src='assets/maps/image161.png'/>, <img src='assets/maps/image162.png'/>, or <img src='assets/maps/image163.png'/> (see the ‘Select a Draw Mode’ section above).</li><li>The line symbol options will appear below the preview.<figure><img src='assets/maps/image164.png'/><figcaption><i>Line draw mode symbol options</i></figcaption></figure></li><li>Select a line symbol.<ul><li class='bottom_padding_5px'>You may need to scroll down to see all options available.</li></ul></li><li class='bottom_padding_5px'>The preview will show your selection.</li><li>The configuration options for the selected line option will appear below the Shape Group control.</li></ul>"
                                            },
                                            {
                                                "title": "Arrow & Shapes (Triangle, Extent, Circle, Ellipse, Polygon, & Freehand Polygon)",
                                                "content": "<ul><li class='bottom_padding_5px'>Select the arrow draw mode <img src='assets/maps/image165.png'/> or any of the Shape draw modes <img src='assets/maps/image166.png'/>, <img src='assets/maps/image167.png'/>, <img src='assets/maps/image168.png'/>, <img src='assets/maps/image169.png'/>, <img src='assets/maps/image170.png'/>, or <img src='assets/maps/image171.png'/> (see the ‘Select a Draw Mode’ section above).</li><li>The shape symbol options will appear below the preview.<figure><img src='assets/maps/image172.png'/><figcaption><i>Shape draw mode symbol options</i></figcaption></figure></li><li>Select a shape symbol.<ul><li class='bottom_padding_5px'>You may need to scroll down to see all options available.</li></ul></li><li class='bottom_padding_5px'>The preview will show your selection.</li><li>The configuration options for the selected line option will appear below the Shape Group control.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Custom Image (Point)",
                                        "content": "<ul><li class='bottom_padding_5px'>Select the Point draw mode <img src='assets/maps/image173.png'/> (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Select the Custom Image point group; see the ‘Select Symbol (Point, Lines, Arrow, or Polygons)’ > ‘Point’ section above.</li><li>The Custom image option appears<figure><img src='assets/maps/image174.png'/><figcaption><i>Custom image option</i></figcaption></figure></li><li class='bottom_padding_5px'>Click the Choose file button <img src='assets/maps/image175.png'/> and select an image.</li><li>The name of the selected image will appear and the image will be shown in the Preview.<figure><img src='assets/maps/image176.png'/><figcaption><i>Point custom image selected and previewed</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Symbol Size (Point)",
                                        "content": "<span>Use this control to adjust the symbol size from 1-50.</span><figure class='nomargin'><img src='assets/maps/image177.png'/><figcaption><i>Symbol size configuration</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click in the box and enter a value manually.</li><li>Click the up/down arrows <img src='assets/maps/image178.png'/> to adjust the size.</li></ul>"
                                    },
                                    {
                                        "title": "Color Selection (All Draw Modes)",
                                        "content": "<span>Use these controls to set the symbol, shape, outline, or font color.</span><figure class='nomargin'><img src='assets/maps/image179.png'/><figcaption><i>Symbol/shape color control</i></figcaption></figure><figure class='nomargin'><img src='assets/maps/image180.png'/><figcaption><i>Outline color control</i></figcaption></figure><figure class='nomargin'><img src='assets/maps/image181.png'/><figcaption><i>Font color control</i></figcaption></figure><ul><li>Click a color box <img src='assets/maps/image182.png'/> to reveal the color options.<figure class='nomargin'><img src='assets/maps/image183.png'/><figcaption><i>Color configuration options</i></figcaption></figure><ul><li class='bottom_padding_5px'><u>Color Preview</u>: The two color boxes at the top-right preview the selected color.</li><li><u>Color slider</u>: Move the slider control up/down to change the selected color (hue).<ul><li>Hues are the three primary colors (red, blue, and yellow) and the three secondary colors (orange, green, and violet) that appear in the color slider.</li><li class='bottom_padding_5px'>The selected color (hue; red, blue, yellow, orange, green, or violet) is displayed in the large color box on the left.</li></ul></li><li><u>Color Saturation Selector</u>: The large color box on the left indicates the color (hue) currently selected and allows you to adjust the color saturation/value.<ul><li>You can click anywhere in this box to change the selected colors saturation/value. The white circle indicates the current color selection and is also represented in the two preview color boxes at the top-right.</li><ul><li>Color saturation is the purity and intensity of a color; a higher value makes it more vivid and intense and a lower value makes it closer to a pure gray.</li><li class='bottom_padding_5px'>Color value refers to the relative lightness or darkness of a color.</li></ul></ul></li><li><u>Manually set the color</u>: Enter a RGB (red, green, blue), HSV (hue, saturation, color value), or HEX (a hexadecimal way to represent a RGB color) value manually.<ul><li>Manually changing a RGB, HSV, or HEX value will automatically adjust the other values to match your entry.</li><li>The two color boxes at the top-right preview the color entered.</li></ul></li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Transparency (Point, Lines, Arrow, & Shapes)",
                                        "content": "<span>Use this control to set the symbols transparency.</span><figure class='nomargin'><img src='assets/maps/image184.png'/><figcaption><i>Transparency configuration</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click anywhere on the line to change the transparency setting. The pointer will move to the location selected.</li><li class='bottom_padding_5px'>Click/hold/drag the pointer <img src='assets/maps/image185.png'/> to change the transparency setting.</li><li>Use the left/right arrows <img src='assets/maps/image186.png'/> <img src='assets/maps/image187.png'/> located at the ends of the line to adjust the transparency. The pointer will move accordingly.</li></ul>"
                                    },
                                    {
                                        "title": "Width (Lines & Arrow)",
                                        "content": "<span>Use this control to adjust the width of a line or arrow (1-50).</span><figure class='nomargin'><img src='assets/maps/image188.png'/><figcaption><i>Width configuration</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click in the box and enter a value manually.</li><li>Click the up/down arrows <img src='assets/maps/image189.png'/> to adjust the width.</li></ul>"
                                    },
                                    {
                                        "title": "Outline Width (Point, Arrow, & Shapes)",
                                        "content": "<span>Use this control to adjust the width of the outline (Point = 0-5 and Arrow/Shape = 0-50).</span><figure class='nomargin'><img src='assets/maps/image190.png'/><figcaption><i>Outline width configuration</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click in the box and enter a value manually.</li><li>Click the up/down arrows <img src='assets/maps/image189.png'/> to adjust the outline width.</li></ul>"
                                    },
                                    {
                                        "title": "Text (Text)",
                                        "content": "<span>Use this control to enter text.</span><figure class='nomargin'><img src='assets/maps/image191.png'/><figcaption><i>Text box</i></figcaption></figure><ul><li>Click in the box and enter the text.</li></ul>"
                                    },
                                    {
                                        "title": "Font Size (Point, Lines, Shapes, & Text)",
                                        "content": "<span>Use this control to adjust the font size (1-100).</span><figure class='nomargin'><img src='assets/maps/image192.png'/><figcaption><i>Font Size configuration</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click in the box and enter a value manually.</li><li>Click the up/down arrows <img src='assets/maps/image189.png'/> to adjust the font size.</li></ul>"
                                    },
                                    {
                                        "title": "Show location measurement (Point)",
                                        "content": "<span>Use this control to include a coordinate label on a point.</span><figure class='nomargin'><img src='assets/maps/image193.png'/><figcaption><i>Show location measurement control, off</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the button <img src='assets/maps/image194.png'/> to include a coordinate label on a point.<ul><li class='bottom_padding_5px'>The button will turn green <img src='assets/maps/image195.png'/> to indicate the control is active.</li><li>The configuration options will appear below the control.</li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Show Length Measurement (Lines)",
                                        "content": "<span>Use this control to include a length label on a line.</span><figure class='nomargin'><img src='assets/maps/image196.png'/><figcaption><i>Show length measurement control, off</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the button <img src='assets/maps/image194.png'/> to include a length label on a line.<ul><li class='bottom_padding_5px'>The button will turn green <img src='assets/maps/image195.png'/> to indicate the control is active.</li><li>The configuration options will appear below the control.</li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Show Area Measurement (Shapes)",
                                        "content": "<span>Use this control to include an area label on a shape.</span><figure class='nomargin'><img src='assets/maps/image197.png'/><figcaption><i>Show area measurement control, off</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the button <img src='assets/maps/image194.png'/> to include an area label on a shape.<ul><li class='bottom_padding_5px'>The button will turn green <img src='assets/maps/image195.png'/> to indicate the control is active.</li><li>The configuration options will appear below the control.</li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Show Perimeter Measurement (Shapes)",
                                        "content": "<span>Use this control to include an perimeter label on a shape.</span><figure class='nomargin'><img src='assets/maps/image198.png'/><figcaption><i>Show perimeter measurement control, off</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the button <img src='assets/maps/image194.png'/> to include a perimeter label on a shape.<ul><li class='bottom_padding_5px'>The button will turn green <img src='assets/maps/image195.png'/> to indicate the control is active.</li><li>The configuration options will appear below the control.</li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Unit (Point, Lines, & Shapes)",
                                        "content": "<span>Measurement Unit options vary for location, distance, area, and perimeter.</span><figure class='nomargin'><img src='assets/maps/image199.png'/><figcaption><i>Show perimeter measurement control, off</i></figcaption></figure>",
                                        "directories": [
                                            {
                                                "title": "Location (Point)",
                                                "content": "Use this control to select the unit type used for the point location label.<figure class='nomargin'><img src='assets/maps/image200.png'/><figcaption><i>Point location label unit options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the dropdown arrow <img src='assets/maps/image201.png'/> to reveal the location unit options.</li><li>Click an option to make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Distance (Lines)",
                                                "content": "Use this control to select the unit type used for the line distance label.<figure class='nomargin'><img src='assets/maps/image202.png'/><figcaption><i>Line distance label unit options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the dropdown arrow <img src='assets/maps/image201.png'/> to reveal the distance unit options.</li><li>Click an option to make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Area (Shapes)",
                                                "content": "Use this control to select the unit type used for the shape area label.<figure class='nomargin'><img src='assets/maps/image203.png'/><figcaption><i>Shape area label unit options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the dropdown arrow <img src='assets/maps/image201.png'/> to reveal the area unit options.</li><li>Click an option to make a selection.</li></ul>"
                                            },
                                            {
                                                "title": "Perimeter (Shapes)",
                                                "content": "Use this control to select the unit type used for the shape perimeter label.<figure class='nomargin'><img src='assets/maps/image204.png'/><figcaption><i>Shape perimeter label unit options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the dropdown arrow <img src='assets/maps/image201.png'/> to reveal the perimeter unit options.</li><li>Click an option to make a selection.</li></ul>"
                                            }
                                        ]
                                    }
                                ]
                            },
                            {
                                "title": "Add a Drawing to the Map",
                                "content": "<span>There are different methods for including a drawing on the map based on the Draw mode selected; Point, Lines, Arrow, Shapes, and Text.</span><br/><br/>",
                                "directories": [
                                    {
                                        "title": "Point",
                                        "content": "<ul><li class='bottom_padding_5px'>Select the Point draw mode, <img src='assets/maps/image205.png'/> (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Configure the point (see the ‘Configuration Options’ section above).</li><li>To draw the point, click/release on the map.<figure><img src='assets/maps/image206.png'/><figcaption><i>Point drawn on the map</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Lines (Line, Polyline, & Freehand Line)",
                                        "content": "<ul><li class='bottom_padding_5px'>Select a line draw mode; Line <img src='assets/maps/image207.png'/>, Polyline <img src='assets/maps/image208.png'/>, or Freehand Polyline <img src='assets/maps/image209.png'/> (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Configure the line (see the ‘Configuration Options’ section above).</li><li>Draw the line on the map:<ul><li><u>Line</u>: Click/drag/release on the map to draw the Line.<figure><img src='assets/maps/image210.png'/><figcaption><i>Line drawn on the map</i></figcaption></figure></li><li><u>Polyline</u>: Click on the map to place points and double click to end the Polyline.<figure><img src='assets/maps/image211.png'/><figcaption><i>Polyline drawn on the map</i></figcaption></figure></li><li><u>Freehand Polyline</u>: Click/drag/release on the map to draw the Freehand Polyline.<figure><img src='assets/maps/image212.png'/><figcaption><i>Freehand Polyline drawn on the map</i></figcaption></figure></li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Arrow",
                                        "content": "<ul><li class='bottom_padding_5px'>Select the Arrow draw mode, <img src='assets/maps/image213.png'/>, (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Configure the Arrow (see the ‘Configuration Options’ section above).</li><li>Draw the Arrow on the map;<ul><li>Click/release on the map to draw a default sized Arrow pointing right.</li><li>Click/drag/release on the map to change the arrows direction/length.<figure><img src='assets/maps/image214.png'/><figcaption><i>Arrow drawn on the map</i></figcaption></figure></li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Shapes (Triangle, Extent, Circle, Ellipse, Polygon, & Freehand Polygon)",
                                        "content": "<ul><li class='bottom_padding_5px'>Select a Shape draw mode; Triangle <img src='assets/maps/image215.png'>, Extent <img src='assets/maps/image216.png'>, Circle <img src='assets/maps/image217.png'>, Ellipse <img src='assets/maps/image218.png'>, Polygon <img src='assets/maps/image219.png'>, or Freehand Polygon <img src='assets/maps/image220.png'> (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Configure the shape (see the ‘Configuration Options’ section above).</li><li>Draw the shape on the map:<ul><li><u>Triangle, Extent, Circle, and Ellipse</u>:<ul><li>Click/release on the map to draw a default sized shape (excluding Extent). <figure><img src='assets/maps/image221.png'><figcaption><i>Default sized shape drawn on the map</i></figcaption></figure></li><li>Click/drag/release on the map to size the shape. <figure><img src='assets/maps/image222.png'><figcaption><i>Sized shapes drawn on the map</i></figcaption></figure></li></ul></li><li><u>Polygon</u>:<ul><li>To draw a Polygon, click on the map to place points and double click to end. <figure><img src='assets/maps/image223.png'><figcaption><i>Polygon drawn on the map</i></figcaption></figure></li></ul></li><li><u>Freehand Polygon</u>:<ul><li>Click/drag/release on the map to draw a Freehand Polygon. <figure><img src='assets/maps/image224.png'><figcaption><i>Freehand Polygon drawn on the map</i></figcaption></figure></li></ul></li></ul></li></ul>"
                                    },
                                    {
                                        "title": "Text",
                                        "content": "<ul><li class='bottom_padding_5px'>Select the Text draw mode, <img src='assets/maps/image225.png'/> (see the ‘Select a Draw Mode’ section above).</li><li class='bottom_padding_5px'>Configure the text (see the ‘Configuration Options’ section above).</li><li>To place the Text, click/release on the map.<figure><img src='assets/maps/image226.png'/><figcaption><i>Text drawn on the map</i></figcaption></figure></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Undo, Redo, and Clear Drawings",
                                "content": "<span>The Draw tool window always displays the Undo, Redo, and Clear buttons.</span><figure class='nomargin'><img src='assets/maps/image227.png'><figcaption><i>Draw tool default view with ‘Select draw mode’ options & the Undo, Redo, and Clear buttons displayed</i></figcaption></figure><ul><li>If no drawing have been added to the map, the Undo, Redo and Clear buttons will be inactive (light gray).<figure><img src='assets/maps/image228.png'><figcaption><i>The Undo, Redo, and Clear button inactive</i></figcaption></figure></li><li>After a drawing or drawings are added to the map the Undo and Clear buttons will be active (blue).<figure class='nomargin'><img src='assets/maps/image229.png'><figcaption><i>Undo and Clear buttons active</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the Clear button <img src='assets/maps/image230.png'> to remove all drawings from the map.</li><li>Click the Undo button <img src='assets/maps/image231.png'> to undo your last Draw action. This will either restore all drawings if they were cleared using ‘Clear’ or remove the most recent drawing added to the map.<ul><li class='bottom_padding_5px'>If more than one drawing has been added to the map, continue to click the Undo button to remove additional drawings.</li></ul></li><li class='bottom_padding_5px'>After using the ‘Undo’ option to remove a drawing or undo a ‘Clear’ the Redo button <img src='assets/maps/image232.png'> will be active (blue).<ul><li class='bottom_padding_5px'>Click the Redo button to add a drawing just removed using ‘Undo’ back to the map.</li><li>Click the Redo button after a ‘Clear’ is undone using ‘Undo’ to restore the ‘Clear’ action and again remove all drawings from the map.</li></ul></li></ul></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Layer List",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image233.png'/></div><div class='inlineItemText'>Use the <b>Layer List</b> tool to display public safety related layers on the map.</div></div><ul><li><b>Open the Layer List Window:</b> Click the Layer List tool button <img src='assets/maps/image233.png'/> to open the Layer List window.<figure><img src='assets/maps/image234.png'/><figcaption><i>Layer List window expanded</i></figcaption></figure></li><li><b>Collapse/Expand the Layer List Window:</b> Click the up arrow icon <img src='assets/maps/image235.png'/> to collapse the Layer List window, click the down arrow icon <img src='assets/maps/image236.png'/> to expand the window.<figure><img src='assets/maps/image237.png'/><figcaption><i>Layer List window collapsed</i></figcaption></figure></li><li><b>Close the Layer List Window:</b> Click the close icon <img src='assets/maps/image238.png'/> or the Layer List button <img src='assets/maps/image233.png'/> to close the Layer List window.</li></ul>",
                        "directories": [
                            {
                                "title": "Layers Search",
                                "content": "<span>Use the Layers search feature to search for map layers by name.</span><figure class='nomargin'><img src='assets/maps/image239.png'/><figcaption><i>Layer List window</i></figcaption></figure><ul><li>Click the Layers search button <img src='assets/maps/image240.png'/>, the search box and ‘Cancel’ button appear.<figure><img src='assets/maps/image241.png'/><figcaption><i>Layers search box</i></figcaption></figure></li><li>Click in the search box and start entering the name of the map layer you’d like to find. An auto lookup will be performed as you type. Any possible matches will be displayed directly below the search box.<figure><img src='assets/maps/image242.png'/><figcaption><i>Layers search results</i></figcaption></figure></li><li class='bottom_padding_5px'>See the ‘Public Safety Related Layers’ section below for more details on map layers.</li><li>Click the Cancel button <img src='assets/maps/image243.png'/> to clear the search results.</li></ul>"
                            },
                            {
                                "title": "Layers Menu",
                                "content": "<span>Use the Layers menu option to control the Search Features layer group.</span><figure class='nomargin'><img src='assets/maps/image244.png'/><figcaption><i>Layer List window</i></figcaption></figure><ul><li>Click the Layers menu button <img src='assets/maps/image245.png'/> to open the menu options.<figure><img src='assets/maps/image246.png'/><figcaption><i>Layers menu options</i></figcaption></figure></li></ul>",
                                "directories": [
                                    {
                                        "title": "Turn all layers off/on",
                                        "content": "<figure class='nomargin'><img src='assets/maps/image247.png'/><figcaption><i>Layers menu options</i></figcaption></figure><ul><li>Click the ‘Turn all layers off’ option to disable the ‘Search Features’ layer group. The ‘Search Features’ check box is deselected.<figure><img src='assets/maps/image248.png'/><figcaption><i>Search Features layer group disabled</i></figcaption></figure></li><li>Click the ‘Turn all layers on’ option to enable the ‘Search Features’ layer group. The ‘Search Features’ check box is selected.<figure><img src='assets/maps/image249.png'/><figcaption><i>Search Features layer group enabled</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Expand/Collapse all layers",
                                        "content": "<figure class='nomargin'><img src='assets/maps/image247.png'/><figcaption><i>Layers menu options</i></figcaption></figure><ul><li>Click the ‘Expand all layers’ option to reveal the map layers included in the ‘Search Features’ layer group. Each map layer is expanded to reveal its symbology and is disabled by default (check boxes are deselected).<figure><img src='assets/maps/image250.png'/><figcaption><i>Search Features layer group expanded using the Layers ‘Expand all layers’ option</i></figcaption></figure></li><li>Click the ‘Collapse all layers’ option to collapse the ‘Search Features’ layer group.<figure><img src='assets/maps/image251.png'/><figcaption><i>Search Features layer group collapsed using the Layers ‘Collapse all layers’ option</i></figcaption></figure></li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Search Features layer group",
                                "content": "<span>The ‘Search Features’ layer group contains public safety related map layers that can be displayed on the map.</span><br/><br/>",
                                "directories": [
                                    {
                                        "title": "Search Features menu options",
                                        "content": "<span>The ‘Search Features’ layer group offers several menu options. Some are informational while others control how the map layers it contains will function.</span><ul><li>Click the ‘Search Features’ menu button <img src='assets/maps/image252.png'/> to display the options.<figure><img src='assets/maps/image253.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure></li></ul>",
                                        "directories": [
                                            {
                                                "title": "Zoom to",
                                                "content": "<span>This ‘Search Features’ option applies to the extent of all map layers contained in the layer group, Marion County, IN.</span><figure class='nomargin'><img src='assets/maps/image254.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure><ul><li>Click the ‘Zoom to’ option to zoom to the default map view of Marion County, IN.</li></ul>"
                                            },
                                            {
                                                "title": "Transparency",
                                                "content": "<span>This ‘Search Features’ option sets the transparency for all map layers contained in the layer group.</span><figure class='nomargin'><img src='assets/maps/image254.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure><ul><li>Click the ‘Transparency’ option to open the transparency controls.<figure><img src='assets/maps/image255.png'/><figcaption><i>Search Features layer group menu options showing the Transparency controls</i></figcaption></figure></li><li>Click/drag the transparency pointer <img src='assets/maps/image256.png'/> or click the left/right arrow buttons <img src='assets/maps/image257.png'/> <img src='assets/maps/image258.png'/> to adjust the transparency settings for all map layers in the ‘Search Features’ layer group.</li></ul>"
                                            },
                                            {
                                                "title": "Disable/Enable pop-up",
                                                "content": "This ‘Search Features’ option disables the pop-ups for all map layers contained in the layer group.<figure class='nomargin'><img src='assets/maps/image254.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the ‘Disable pop-up’ option to disable the pop-ups for all map layers contained in the ‘Search Features’ layer group.</li><li>The ‘Disable pop-up’ option changes to ‘Enable pop-up’. Click the ‘Enable pop-up’ option to enable the pop-ups for all map layers contained in the ‘Search Features’ layer group.<figure><img src='assets/maps/image259.png'/><figcaption><i>Search Features layer group menu options showing the ‘Enable pop-up’ option</i></figcaption></figure></li></ul>"
                                            },
                                            {
                                                "title": "Move up/down",
                                                "content": "<span>The ‘Search Features’ layer group options ‘Move up’ and ‘Move down’ are disabled.</span><figure><img src='assets/maps/image254.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure>"
                                            },
                                            {
                                                "title": "Description",
                                                "content": "<span>This ‘Search Features’ option provides detailed information about the layer group and the map layers it contains.</span><figure class='nomargin'><img src='assets/maps/image254.png'/><figcaption><i>Search Features layer group menu options</i></figcaption></figure><ul><li>Click the ‘Description’ option to open a web page with details about the layer group map service.</li></ul>"
                                            }
                                        ]
                                    },
                                    {
                                        "title": "Expand Search Features layer group",
                                        "content": "<span>Expand the ‘Search Feature’ layer group to reveal the map layers it contains.</span><figure class='nomargin'><img src='assets/maps/image260.png'/><figcaption><i>‘Search Features’ layer group collapsed</i></figcaption></figure><ul><li>Click the arrow button to the left of the ‘Search Features’ checkbox <img src='assets/maps/image261.png'/> to expand it and reveal the map layers.<figure><img src='assets/maps/image262.png'/><figcaption><i>‘Search Features’ layer group expanded</i></figcaption></figure></li><li class='bottom_padding_5px'>The map layers are disabled by default. See the ‘Public Safety Related Layers’ section below for details about using the map layers.</li><li>Click the arrow button to the left of the ‘Search Features’ checkbox <img src='assets/maps/image263.png'/> to collapse the layer group.</li></ul>"
                                    }
                                ]
                            },
                            {
                                "title": "Public Safety Related Layers",
                                "content": "<span>The ‘Search Features’ layer group contains a variety of public safety related map layers that can be displayed on the map.</span><figure><img src='assets/maps/image262.png'/><figcaption><i>‘Search Features’ layer group expanded and displaying the public safety related map layers</i></figcaption></figure>",
                                "directories": [
                                    {
                                        "title": "View Symbology",
                                        "content": "<span>View the map layer symbology that will appear on the map when the layer is enabled.</span><figure class='nomargin'><img src='assets/maps/image264.png'/><figcaption><i>Schools map layer collapsed</i></figcaption></figure><ul><li>Click the arrow to the left of a layers check box <img src='assets/maps/image261.png'/> to expand it and reveal the layer symbology.<figure><img src='assets/maps/image265.png'/><figcaption><i>Schools map layer expanded displaying symbology</i></figcaption></figure></li><li>Click the arrow to the left of a layers check box <img src='assets/maps/image263.png'/> to hide the layer symbology.</li></ul>"
                                    },
                                    {
                                        "title": "Enable Layers",
                                        "content": "<span>Enable map layers to display them on the map.</span><figure class='nomargin'><img src='assets/maps/image264.png'/><figcaption><i>Schools map layer disabled</i></figcaption></figure><ul><li class='bottom_padding_5px'>To enable a map layer, click the check box to the left of the map layer name <img src='assets/maps/image266.png'/>.</li><li>A check mark will appear in the check box and it will turn blue <img src='assets/maps/image267.png'/> to indicate it’s enabled.<figure><img src='assets/maps/image268.png'/><figcaption><i>Schools map layer enabled</i></figcaption></figure></li><li>The enabled map layer will be displayed on the map.<figure><img src='assets/maps/image269.png'/><figcaption><i>Map displaying Schools map layer</i></figcaption></figure></li></ul>"
                                    },
                                    {
                                        "title": "Layer Menu Options",
                                        "content": "<span>All map layers have two menu options, ‘Disable pop-up’ or ‘Enable pop-up’ and ‘Description’.</span><ul><li>Click the map layer menu button <img src='assets/maps/image270.png'/> to display the menu options.<figure><img src='assets/maps/image271.png'/><figcaption><i>Map layer menu options</i></figcaption></figure></li><li><b>Disable/Enable Pop-up:</b> When pop-ups are enabled, you can click on a layer feature on the map to display a pop-up containing basic details about that feature. Either the ‘Disable pop-up’ or ‘Enable pop-up’ option will be listed depending on whether or not pop-ups have been disabled/enabled for the ‘Search Features’ layer group.<ul><li>If the ‘Disable pop-up’ option is listed, click it to enable the pop-ups for that map layer.</li><li class='bottom_padding_5px'>If the ‘Enable pop-up’ option is listed, click it to disable the pop-ups for that map layer.</li></ul></li><li><b>Layer Description:</b> This map layer menu option provides detailed information about the map layer.<ul><li>Click the ‘Description’ option to open a web page with details about the layer.</li></ul></li></ul>"
                                    },
                                    {
                                        "title": "View Layer Pop-up",
                                        "content": "<span>View a pop-up for layer features displayed on the map that provides basic details about the feature.</span><ul><li>Click a map layer feature to display the pop-up.<figure class='nomargin'><img src='assets/maps/image272.png'/><figcaption><i>Schools map layer feature displaying the pop-up</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the Maximize button <img src='assets/maps/image273.png'/> to expand pop-up window. Click the Restore button <img src='assets/maps/image274.png'/> to return the pop-up to its default size.</li><li class='bottom_padding_5px'>Click the close button <img src='assets/maps/image275.png'/> to close pop-up window.</li><li class='bottom_padding_5px'>Click the ‘Zoom to’ link to zoom to the selected feature.</li><li>Click the pop-up menu button <img src='assets/maps/image270.png'/> to view the menu options.<figure class='nomargin'><img src='assets/maps/image276.png'/><figcaption><i>Pop-up menu options</i></figcaption></figure><ul><li class='bottom_padding_5px'>Click the pan to button <img src='assets/maps/image277.png'/> to pan to the selected feature.</li><li>Click the add a marker button <img src='assets/maps/image278.png'/> to place a pointer icon on the feature.<figure class='nomargin'><img src='assets/maps/image279.png'/><figcaption><i>Schools feature with marker</i></figcaption></figure><ul><li>Click on the marker symbol to display the marker popup window.<figure class='nomargin'><img src='assets/maps/image280.png'/><figcaption><i>Layer marker popup</i></figcaption></figure><ul><li class='bottom_padding_5px'>The longitude/latitude for the marker location are displayed.</li><li class='bottom_padding_5px'>A URL for the marker is provided. It can be copied and shared. The URL will open the MAPS application and zoom-to/display the marker.</li><li class='bottom_padding_5px'>The close <img src='assets/maps/image275.png'/>, expand/collapse <img src='assets/maps/image273.png'/> <img src='assets/maps/image274.png'/>, and zoom to <img src='assets/maps/image281.png'/> buttons work just like the layer popup.</li><li>Click the popup menu button <img src='assets/maps/image282.png'/> to display the marker symbol popup menu options.<figure class='nomargin'><img src='assets/maps/image283.png'/><figcaption><i>Marker symbol popup menu</i></figcaption></figure><ul><li class='bottom_padding_5px'><u>Pan to</u>: Click the pan to button <img src='assets/maps/image284.png'/> to center the map on the marker symbol.</li><li><u>Remove marker</u>: Click the remove marker button <img src='assets/maps/image285.png'/> to remove the marker symbol.</li></ul></li></ul></li></ul></li></ul></li></ul></li></ul>"
                                    }
                                ]
                            }
                        ]
                    }
                ]
            },
            {
                "title": "Map Navigation",
                "content": "<span>There are various options available to navigate the map; find your current location, search for an address or intersection, return to the default map view, and pan/zoom.</span><figure class='nomargin'><img src='assets/maps/image006.png'/><figcaption><i>Map Navigation Tools</i></figcaption></figure><ul><li><u>Search</u>: Search by address or intersection to locate an area of interest on the map.</li><li><u>Zoom Controls</u>: Zoom in/out on the map.</li><li><u>Default Map View</u>: Return to the default map view of Marion County, IN.</li><li class='bottom_padding_5px'><u>My Location</u>: Find your current location on the map.</li></ul>",
                "directories": [
                    {
                        "title": "Search",
                        "content": "<span>Enter an address or intersection in the Search box to quickly navigate to an area of interest.</span><figure><img src='assets/maps/image007.png'/><figcaption><i>Search box</i></figcaption></figure>",
                        "directories": [
                            {
                                "title": "By Address",
                                "content": "<figure class='nomargin'><img src='assets/maps/image008.png'/><figcaption><i>Search box with partial address entered and a possible match listed</i></figcaption></figure><ul><li>Click in the search box and start entering the address.<ul><li>An auto lookup will be performed as you type.</li><li class='bottom_padding_5px'>Any possible matches found will be displayed directly below the search box.</li></ul></li><li>Click any address in the possible matches list.<ul><li>The selected address will be displayed in the search box.</li><li>The map will zoom to and center on the location.</li><li> A popup will appear at the location displaying the address selected.<ul><li>Click <img src='assets/maps/image009.png'/> to expand the popup and <img src='assets/maps/image010.png'/> to close it.</li></ul></li></ul><figure class='nomargin'><img src='assets/maps/image011.png'/><figcaption><i>Address Search results</i></figcaption></figure></li></ul>"
                            },
                            {
                                "title": "By Intersection",
                                "content": "<figure class='nomargin'><img src='assets/maps/image012.png'/><figcaption><i>Search box with partial intersection entered and possible matches listed</i></figcaption></figure><ul><li> Click in the search box and start entering the intersection.<ul><li>Street names must be separated by ‘and’.</li><li>An auto lookup will be performed as you type.</li><li>The six best matches will be displayed directly below the search box.</li></ul></li><li> Click any address in the possible matches list.<ul><li>The selected intersection will be displayed in the search box.</li><li>The map will zoom to and center on the intersection.</li><li> A popup will appear at the location displaying the intersection name.<ul><li>Click <img src='assets/maps/image009.png'/> to expand the popup and <img src='assets/maps/image010.png'/> to close it.</li></ul></li></ul><figure class='nomargin'><img src='assets/maps/image013.png'/><figcaption><i>Intersection Search Results</i></figcaption></figure></li></ul>"
                            }
                        ]
                    },
                    {
                        "title": "Pan/Zoom (mouse)",
                        "content": "<span><b>Pan</b></span><ul><li>Click-hold anywhere on the map and drag the cursor to pan</li><li>The mouse cursor will change to the move icon <img src='assets/maps/image014.png'/> while you pan.</li><li>Release the mouse button when done panning and the cursor will return to normal.</li></ul><span><b>Zoom</b></span><ul><li>Place the mouse cursor anywhere on the map, move the scroll wheel forward to zoom in and backward to zoom out.</li></ul>"
                    },
                    {
                        "title": "Zoom (buttons)",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image015.png'/></div><div class='inlineItemText'>Click the <b>Zoom In</b> button <img src='assets/maps/image016.png'/> to zoom in and the <b>Zoom Out</b> button <img src='assets/maps/image017.png'/> to zoom out on the map</div></div>"
                    },
                    {
                        "title": "Default Map View",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image018.png'/></div><div class='inlineItemText'>Click the <b>Default Map View</b> button to return to the default map view of Marion County, IN.</div></div>"
                    },
                    {
                        "title": "My Location",
                        "content": "<div class='inlineContainer'><div class='inlineItemImg'><img src='assets/maps/image019.png'/></div><div class='inlineItemText'>Use the <b>My Location</b> tool to find your current location on the map.</div></div><ul><li>Click the My Location button <img src='assets/maps/image019.png'/> to find your location on the map.<ul><li>The button symbol changes to indicate My Location is enabled, <img src='assets/maps/image020.png'/>.</li><li class='bottom_padding_5px'>The map will center-on/zoom-to your current location and mark it with a blue dot, <img src='assets/maps/image021.png'/>.</li></ul></li><li> Click the My Location button again <img src='assets/maps/image020.png'/> to disable the My Location tool.<ul><li>The My Location button will change to indicate it’s disabled, <img src='assets/maps/image019.png'/>.</li><li>The blue dot marker is removed.</li></ul></li></ul>"
                    }
                ]
            },            
            {
                "title": "Application Selection",
                "content": "<span>The Mapping Application for Public Safety (MAPS) will include the Application Selection tool if accessed through the MapIndy Application. Use this tool to toggle between applications while retaining map and tool views. Note: This tool is only included if this application is accessed through MapIndy.</span><figure class='nomargin'><img src='assets/maps/image286.png'/><figcaption><i>Application Selection Tool</i></figcaption></figure><div class='listContent'><span><b>MapIndy (default)</b></span><br/><span>Displays general Indianapolis and property related information. Tools include address/parcel search, measure, & oblique imagery (Pictometry).</span><br/><br/><span><b>Zoning Browser</b></span><br/><span>Displays Indianapolis zoning-related information for any property including zoning, rezoning, flood zones, approvals, variances, LNCU, and comprehensive plan. Also identifies properties in historically significant and historic preservation areas, regional center, excluded cities and excluded sanitary districts.</span><br/><br/><span><b>Stormwater Impervious Area</b></span><br/><span>Provides tools for searching and viewing storm water billing information. Contains various search options to find and filter impervious area.</span><br/><br/><span><b>Mapping Application for Public Safety</b></span><br/><span>Provides access to law enforcement incident report information from the Indianapolis Metropolitan Police Department and the Speedway Police Department. Contains various search options to find and filter reports.</span></div>"
            }
        ]
    }
]