Map layers are the buiding blocks of any GIS application; the following screenshots illustrate steps for adding layers in form of web map services.

When starting with a fresh application with no layers, the map projection will not be defined.

Next step will be adding Geoserver layers published in previous example, this is illustrated in the screenshots below

Insert Geoserver link; in this example, the link is: http://localhost:8080/geoserver

Select the Urban Master Plan layer from layers list

Click on “Add Map Service” in order to add the layer to the map

Close the map services dialog to see what happened: You can see that GeoGATE detected the projection automatically from the first layer you added to the map.

Now, you have to look for layer inside the map (by zooming in/out and panning the map inside the right map view) until you find the layer

To save this extent as the initial extent on the map, click on “Set initial extent” button; this button saves the initial extent of the map, such that when you refresh the page or open the application, the application will start at this extent.

Now, go to the application, to see your map and your layer by clicking “Map View” Button

Now try to pan,  zoom in/out to reach a certain area and experience the interactive map

You can return to the settings page by navigating to log in button in the right-bottom corner

Next, you have to add the other two layers published via Geoserver (Parcels and Buildings)

By default, Geoserver styles polygon layers with grey fill and black borders, in the next section, you will learn how to style the layers.