How to use PGS: Basic Services Provision Map App The PGS: Basic Services Provision Map App The main features of the PGP Basic Services web application includes: Navigation Tools Map Tools Main Map Links Allows users to change map display. Tools include Zoom in & Zoom Out, Extent, Find Location, and My Location. Provides access to different tools that open in Panels to interact with the Web Application. The function of each tool shall be discussed in the succeeding sections. Displays the available spatial data. Allows access between the Homepage and Map. 1. Navigating the Map One common task that will be done within the PGP Basic Services web application is map navigation. This involves viewing the map from one area of interest to another by zooming in, zooming out, and panning around the map. When the application is launched, the Homepage is displayed by default. To access the Map viewer, the user must click the Map link on the upper right corner of the homepage. The display is centred by default to the whole of the Philippines. How to use PGS: Basic Services Provision Map App 1
1.1. Zoom In/Zoom Out One way of navigating through the map is by using the Zoom In and Zoom Out tools found on the Navigation toolbar at the upper left area of the map display. To zoom in/out to/from a specified area using the Zoom In (Out) tool; 1. Click the Navigation toolbar icon found on the upper left area of the map display to access the toolbar. 2. Click the Zoom In (Out) tool (labelled A on the graphic above) to activate it. 3. With the Zoom In (Out) tool activated, click-and-drag the mouse to draw a rectangle over an area on the map. Once the mouse click is released, the map display automatically updates to reflect the area to/from where the user zoomed in/out. While the application is still loading the specified map extent, a note saying, Please wait while map is loading... will appear on the lower-left corner of the map display. 1.2. Pan Aside from zooming in and out, users may also want to navigate from one area to another without changing the map s extent. This is done by panning around the map using the Pan Map tool (labelled B on the graphic above), which is also found on the same toolbar as the Zoom In and Zoom Out tools. To pan around the map; 1. Click the Navigation toolbar icon found on the upper left area of the map display to access the toolbar. 2. Click the Pan Map tool to activate it. How to use PGS: Basic Services Provision Map App 2
3. With the Pan Map activated, click-and-drag the mouse to the area on the map where to pan to. The map dynamically updates as it is panned. While the application is still loading the specified map extent, a note saying, Please wait while map is loading... will appear on the lower-left corner of the map display. 1.3. Previous Extent/Next Extent Previous map extents that have been navigated to within the same session can also be revisited using the Previous/Next Extent buttons on the same toolbar. To go the previous/next map extents that were navigated within the session; 1. Click the Navigation toolbar icon found on the upper left area of the map display to access the toolbar. 2. Click the Previous/Next Extent button (labelled C on the graphic above). The map automatically updates to reflect the map extent that was previously visited. While the application is still loading the specified map extent, a note saying, Please wait while map is loading... will appear on the lower-left corner of the map display. 1.4. Zoom to Full Extent The Zoom to Full Extent button (labelled D on the graphic above) is also made available to users in the same toolbar in order to conveniently view the entire map extent covered by the Philippines. 1.5. Find Address Users can also use the Find Address tool (labelled E on the graphic above) which allows them to type an address or place on the search box, and the application will automatically zoom and pan to the location indicated. How to use PGS: Basic Services Provision Map App 3
1.6. My Address The My Address on the other hand, which is represented by the icon (labelled F on the graphic above) beside the Find Address, allows users to zoom to their current location on the map when GPS is active (for mobile devices). 2. Changing the Map Background The map background (also known as the basemap) sets the preferred mood and feel of the PGP Basic Services web application's map display. Users may prefer to change the application's default map background (which is the OpenStreetMap) in their current session, into any of the other basemaps made available in the application. To change the application s basemap; 1. Click the Basemap and Bookmarks icon found on the upper left area of the map display. A link for Background Maps and Bookmarks is exposed below the icon. 2. Click the link for Background Maps to expose the list of thumbnails of all the available basemaps. 3. Scroll down the list and click a basemap that you prefer.! Some basemaps cannot be displayed at all map scales (i.e. some basemaps may not show up when zoomed in too close to the map). The map display shows Map data not available when this limitation is in effect. Simply zoom out the map to expose the chosen basemap on a larger extent. 3. Accessing spatial Bookmarks Aside from changing the map background, users can also access different pre-defined spatial bookmarks which show a specific area of interest. A spatial bookmark identifies a particular geographic location that you want to save and reference later. To access pre-defined spatial bookmarks; 1. Click the Basemap and Bookmarks icon found on the upper left area of the map display. A link for Background Maps and Bookmarks will be exposed below the icon. 2. Click the link for Bookmarks to expose the list of available pre-defined spatial bookmarks. 3. Click a spatial bookmark that you prefer. The main map display automatically pans and zooms in to the selected bookmark. How to use PGS: Basic Services Provision Map App 4
Since the available pre-defined bookmark is limited (Philippines and NCR), users may opt to create their own user-defined spatial bookmarks which shows their specific area of interest. To create user-defined spatial bookmarks; 1. Zoom in/out or pan to the desired map area and extent. 2. Click the Basemap and Bookmarks icon found on the upper left area of the map display. A link for Background Maps and Bookmarks will be exposed below the icon. 3. Click the link for Bookmarks to expose the list of available pre-defined spatial bookmarks. 4. On the bottom of the window showing the list of pre-defined bookmarks, click Add Bookmark. A textbox will appear wherein the user will input the name of the bookmark 5. Type in the name for the newly-created spatial bookmark. 6. Press Enter on the keyboard. The newly-created spatial bookmark will now be added on the list of available bookmarks. 4. Map Tools The PGP Basic Services web application includes a set of different map tools which the users can utilize when making their own thematic map. 4.1. Displaying Map layers The Layers and Legend panel contains the Table of Contents where the Operational Layers are listed with their corresponding symbologies. This allows the users to display layers which can be superimposed over the basemap. These operational layers are organized in the application in to 3 groups: Agency Locations, Facilities and Thematic Maps. The Agency Locations layer contains all the points plotted on the map which corresponds to the location of each of the government agencies. Aside from the location of the different agencies, the Layers and Legends panel also contains a set of layers, through the Facilities layer, which shows the location of different Basic Services Facilities in the whole of the Philippines. These are: How to use PGS: Basic Services Provision Map App 5
Day Care Facilities Hospital and health center Public school Fire Station Police precinct/station Unlike the Facilities layer, the Thematic Maps layer displays the location of the different Basic Services Facilities per Barangay, Municipality, Provincial, and Regional level. By default, the map layers from both groups are all turned off, i.e. they are not visible on the map. To display (turn-on) a map layer; 1. Click the Layers and Legend bar from the Map tools located on the upper right area of the map display. Each map layer in the list has a checkbox which can be ticked to make the map visible on the map display. 2. Choose a map layer from the list and tick its check box to turn it on. When a map layer is from the Thematic Maps is turned on, it also exposes a list of sublayers (labelled G on graphic above) which can also be turned on one by one. Use the scrollbar (labelled H on the graphic above) to see the other items in the list. 3. Tick the checkbox of the other sublayers that needs to be displayed. To turn off a layer, uncheck the box of a turned-on layer. How to use PGS: Basic Services Provision Map App 6
4.2. Setting a map layer s transparency Aside from turning layers on and off, map layers may also be set to be partially visible by applying a certain amount of transparency to it. This is most helpful in cases when there are multiple layers that need to be displayed together. To set the transparency of map layers; 1. Turn on a layer and any (or all) of its corresponding sub layers. Layer transparency is applied using a horizontal scrollbar that is found just below the layer's name (labelled I in the graphic above). Scrolling it all the way to the right makes the layer completely opaque (i.e. no transparency is applied); while scrolling it all the way to the left makes it totally invisible on the map display. 2. Click-and-drag the horizontal scrollbar until the layer displays according to desired level of transparency. 4.3. Enabling and displaying pop-ups on layers. The application can also be enabled to display pop-ups when a particular feature in a group layer is clicked on the map. The pop-ups expose textual information that describes the feature being clicked. To enable and display pop-ups on the map layers; 1. Click the Layers and Legend bar from the Map tools located on the upper right area of the map display to expand its list of layers. 2. Tick the Enable Pop-up one layer at a time checkbox (labelled J on the graphic below). 3. If necessary, turn on Facilities or Thematic maps layers and its corresponding sub layers. 4. Click a Facility or feature on the map. How to use PGS: Basic Services Provision Map App 7
The map might need to be panned in order to clearly see the pop-ups properly. When a feature is clicked, it gets highlighted (labelled k on the graphic below) and the pop-ups showing its information automatically appears. To close the pop-up window, click the Close button at the upper right corner of the pop-up window (labelled L on the graphic above). 4.4. Draw, Annotate and Measure features Creating additional graphics and text on the Main Map display is also possible through the Draw, Annotate and Measure from the Map tools. The drawn graphics and texts will be part of the print out using another tool (Create Map Images). How to use PGS: Basic Services Provision Map App 8
4.4.1. Draw graphical points, lines, and polygons To draw graphical points, lines or polygons on the map; 1. Click the Draw, Annotate and Measure bar from the Map tools located on the upper right area of the map display. 2. Select and click the Point, Line or, Polygon button (labelled M on the graphic below) from the window then click on the area on the map display where the user wants the new feature to be drawn. For the Point feature, a small circle (labelled N on the graphic below) representing the new point will be drawn on the map. This point graphic can be used as the centroid of the buffer zone (see Locate tool). For the Line feature, the user must click and drag on the map display to add a line. Continue the click-drag motion to add more segments. Double-click on the last point to finish the graphics. Same goes with the Polygon feature. How to use PGS: Basic Services Provision Map App 9
4.4.2. Measure graphical lines To measure graphical lines (distance) on the map; 1. Click the Draw, Annotate and Measure bar from the Map tools located on the upper right area of the map display. 2. Select and click the Line button (labelled O on the graphic below) from the window. 3. Tick the checkbox beside Enable measure button (labelled Q on the graphic on the right). 4. Select a unit of measurement from the Select Unit drop-down list (labelled R on the graphic on the right). 5. Click and drag on the map display to add a line. Continue the click-drag motion to add more segments. Double-click on the last point to finish the graphics. A graphical line and its corresponding measurements will be displayed on the lower part of the window. 4.4.3. Measure graphical polygons To measure graphical polygons (area) on the map; 1. Click the Draw, Annotate and Measure bar from the Map tools located on the upper right area of the map display. 2. Select and click the Polygon button (labelled P on the graphic above) from the window. 3. Tick the checkbox beside Enable measure button (labelled Q on the graphic above). How to use PGS: Basic Services Provision Map App 10
4. Select a unit of measurement from the Select Unit drop-down list (labelled R on the graphic above). 5. Click and drag on the map display to start the polygon. Continue the click-drag motion to add more segments. Double-click on the last point to finish and close the polygon. A graphical polygon and its corresponding measurements will be displayed on the lower part of the window. 4.4.4. Insert graphical text To insert graphical text on the map; 1. Click the Draw, Annotate and Measure bar from the Map tools located on the upper right area of the map display. 2. Select and click the Annotate button (labelled S on the graphic below) from the window. A textbox (labelled T on the graphic below), where the user will input the text, will appear below the drawing tools. 3. Type the desired annotation on the textbox, then click on the area on the map where the annotation should be placed. How to use PGS: Basic Services Provision Map App 11
To delete all graphics drawn on the map; 1. Click Clear button (labelled U on the graphic above) found on the lower left corner of the window. 4.5. Search for Facilities The Facilities panel of the map tools allow users to perform operations, such as Locate, Search, and Advanced Search, on the basic services facilities. 4.5.1. Locate The Locate tool allows users to select a facility and generate a buffer zone. The application will find all facilities within the buffer zone and displays the related information. To use the Locate tool; 1. Click the Facilities bar from the Map tools located on the upper right area of the map display. 2. Tick the Locate radio button (labelled V on the graphic on the right) and choose a facility from the Select Facility drop-down menu button (labelled W on the graphic on the right). 3. Input the buffer size in the box for Buffer Value button (labelled X on the graphic on the right) and choose the unit of measurement on the drop-down menu beside its button (labelled Y on the graphic on the right). How to use PGS: Basic Services Provision Map App 12
4. Add a point on the map (see workflow for Draw, Annotate and Measure), then click Buffer (labelled Z on the graphic above). A blue dashed circle will be generated and all the facilities specified from the drop-down will be selected and highlighted orange (see graphic below). Use the Zoom in button beside the record on the table of attributes that will be generated to zoom in to the extent of the selected record within the buffer zone. While the application is still loading the specified map extent, a note saying, Please wait while map is loading... will appear on the lower-left corner of the map display. To delete all graphics drawn on the map; 1. Click Clear button (labelled A on the graphic above) on the lower left area of the window. 4.5.2. Search Users can also utilize the Search tool to specify the Region, Province, Municipality and Barangay, and find its location based on the specified parameters. To use the Search tool: 1. Click the Facilities bar from the Map tools located on the upper right area of the map display. 2. Tick the Search radio button (labelled B on the graphic below) How to use PGS: Basic Services Provision Map App 13
3. Choose from each drop-down (labelled C on the graphic above) to specify the search parameter. Each time a parameter is set, the map display automatically zooms in to the extent of the selected parameter. While the application is still loading the specified map extent, a note saying, Please wait while map is loading... will appear on the lower-left corner of the map display. 4. Select a facility from the Select Facility drop-down menu (labelled D on the graphic above). One of two scenarios will occur if a facility is found or not, on the selected parameters: If the selected facility is within the filtered boundary, a pop-up window with Features Found:..., followed the number of facilities, is displayed. If the selected facility is not within the selected boundary, a pop-up window with No records found. is displayed. 5. Click OK button on the pop-up window that appeared. If the first scenario occurred, the map display will zoom in to the extent of the selected facilities and a table of attributes is displayed. However, the map display stays at the Barangay extent if the second scenario occurred. To delete all graphics drawn on the map; 1. Click Clear button (labelled E on the graphic above) on the lower left area of the window. How to use PGS: Basic Services Provision Map App 14
4.5.3. Advanced Search The Advanced Search tool allows users to perform a query based on the attributes of the specified facility. To use the Advanced Search tool; 1. Click the Facilities bar from the Map tools located on the upper right area of the map display. 2. Tick the Advanced Search radio button (labelled F on the graphic on the right) 3. Select a facility from the Select Facility drop-down menu (labelled G on the graphic on the right). When a facility is selected, the available fields in the selected facility are listed in the Fields drop-down list (labelled H on the graphic on the right). 4. Select a field from the Fields drop-down list (labelled H on the graphic above). 5. Select a value from the Values drop-down list (labelled I on the graphic above), then click one of the available Operators (labelled J on the graphic above). The query expression will be displayed on the Filter Expression textbox (labelled K on the graphic above). 6. Click the Search button found on the lower-left corner of the window (labelled L on the graphic above). One of two scenarios will occur if a facility is found or not, on the selected parameters: If the selected facility is within the filtered boundary, a pop-up window with Features Found:..., followed the number of facilities, is displayed. If the selected facility is not within the selected boundary, a pop-up window with No records found. is displayed. 7. Click OK button on the pop-up window that appeared. If the first scenario occurred, the map display will zoom in to the extent of the selected facilities and a table of attributes is displayed. However, the map display stays at the same extent if the second scenario occurred. How to use PGS: Basic Services Provision Map App 15
To zoom in to the selected facility (if the first scenario occurred); 1. Click the Zoom In button on the table of attributes. To remove the graphics and table of attributes from the map display; 1. Click the Clear button found on the lower-left corner of the window (labelled M on the graphic above). 4.6. Overlay Point Data On-the-fly Aside from drawing points, lines, and polygon features on the map, data not available on the PGP Basic Services web application can also be displayed on the map using the Overlay Point Data On-the-fly map tool. It allows users to import TXT or CSV files containing the XY coordinates and the application will automatically display and zoom in to the extent of the points on the Main Map display.! The drawn points are not saved in the geodatabase. It will just serve as a representation and will be used for visualization only. To overlay point data on-the-fly; 1. Click the Overlay Point Data On-the-fly bar from the Map tools located on the upper right area of the map display. 2. Click the Choose File button (labelled N on the graphic below), and browse to the location of the desired TXT or CSV file. Click Open. 3. Click the Read and Overlay File button found on the lower-left corner of the window (labelled O on the graphic below). How to use PGS: Basic Services Provision Map App 16
The points will be plotted on the map and the display will automatically zoom in to the extent of the plotted points. To delete all graphics drawn on the map; 1. Click the Clear button (labelled P on the graphic above) found on the lower-left corner of the window. 4.7. Plot Points of Interest Since the Draw, Annotate and Measure tool only adds graphics on the map without the capability to add information about the added feature; users can use the Plot Points of Interest tool. It allows users to add information, and even a photo, about the plotted point on the map. It can be useful for reporting incidences on the field that needs to be represented on the map. To plot a point of interest on the map; 1. Click the Plot Points of Interest bar from the Map tools located on the upper right area of the map display. 2. Tick the checkbox beside Enable Crowd Sourcing (labelled Q on the graphic on the below). A star symbol with labelled Crowd Sourcing (labelled R on the graphic below) is already made available on the application as a template. How to use PGS: Basic Services Provision Map App 17
3. Click the star symbol on the window, then click on the area on the map where the new point should be added. A pop-up with textboxes will be displayed upon the addition of the new point. 4. Fill the textboxes with the necessary information. To an add image, click the Choose File button (labelled S on the graphic above), then browse to the location of the desired image. To close the pop-up window; 1. Click the Close button at the upper right corner of the pop-up window (labelled T on the graphic above). How to use PGS: Basic Services Provision Map App 18
4.8. Export current extent into an image format After all the modifications done on the current extent of the map, users can utilize the Create Map Images tool to export the said extent into an image file for printing. All the graphics and texts on the Main Map display will be included in the output image. To export current extent into an image format; 1. Zoom in/out or pan the map display to the desired extent. 2. Click the Create Map Images bar from the Map tools located on the upper right area of the map display. 3. Select a layout from the Select Layout dropdown list (labelled U on the graphic on the right). 4. Select from the available image formats on the Select Format drop-down list (labelled V on the graphic on the right).! A textbox (labelled W on the graphic above) wherein the user will input the map title will appear below the drop-downs, except when the option for the Map Only layout is selected. 5. Input the desired title for the map on the textbox, then click the Export Map Image button found on the lower-left corner of the window (labelled X on the graphic above). A window will pop-up with a note: Do you want to print the current map? 6. Click OK on the pop-up window. The map layout that is ready for printing or saving will be launched on a new window. To delete all graphics drawn on the map; 1. Click the Clear button (labelled Y on the graphic above) found on the lower-left corner of the window. How to use PGS: Basic Services Provision Map App 19