Technologies used in Creating this Map
This web map was created using Leaflet which is an an open-source JavaScript library for mobile-friendly interactive maps.This map shows water resources that are present in the city of Salzburg, Austria.
Data
The data used in this map was downloaded from Open data Austria. A platform to collect, search, distribute and download open source data of Austria.Open data means that information is available in an open format and can be freely used, re-used and passed on by everyone for any purpose.Following datasets were downloaded and used as Feature layers in the web map
- Fountains(Point Features)
- Waste Water Treatment Plant(Point Features)
- Water Wheels(Point Features)
- Water Ways(Line Features)
- Lakes(Polygon Features)
Leaflet API's and Functions
Leaflet provide API's , functions and plugins for making interactive and user friendly maps.Following are the different functionalities that are used in this map.
Basemaps
Leaflet-providers plugin allow loading different maps and provide functionality to tile , image layers and Ready-to-go basemaps, with little or no configuration at all.This plugin contains configurations for various free tile providers — OSM, OpenCycleMap, Stamen, Esri, etc.
Layer Control 
Leaflet has a nice little control that allows users to control which layers they see on map. The layers were grouped into two layer groups base layers and faeture layers. Base layer group contains three types of basemaps 1)Austria High dpi Basemap 2)Austria Orthophoto 3)OpenstreetMap.Feature layers group contains Overlay layers of Fountains, waster water treatment plant, water wheels, water ways and lakes. Due to large number of features in Fountains and Waste water treatment plant layers they were turned off by default and needs to be turned on by the user by checking these layers in the Layer control.
Interactive Functions
Leaflet provides event handling methods to make layers interactive.When user interacts with such layers like mouse click or mouseover different functions are performed.
Following interactive functions and mouse events are used in creating this map
- Highlight Feature
- Reset Highlight
- ZoomToFeature
- bindPopup
- bindTooltip
- Map Print function
- Styled Layer Control
This function changes the color of the feature when it is hovered over by mouse. The highlight color can be defined to set color.
This function resets the color of the feature back to the original when mouse is moved away from the target feature.
This function zooms to the target feature on different mouse event set in the function parameters.In this map when a lake feature is single clicked it zooms in to the the feature.
This function is used to just bind a popup to feature click and then open it.The popup can be customised like anyother html.Images are added in the popups of lake features.
It is used to display small texts on top of map layers. The text can be set to feature properties in the function options.
A third party Leaflet browser print plugin with custom print Layer and content was used to add print map control to the map layout.
A Leaflet plugin that implements the management and control of layers by organization into categories or groups. The StyledLayerControl class extends the original L.control.layers control. The plugin uses HTML5 and CSS3 to style the presentation in a modern way. .