Practical GIS

Compositing layers

For the next next task, let's create a map with our suitable zones. In this task, let's have an OpenStreetMap base map, the suitability layer from GeoServer as an overlay map, and the suitable zones as another overlay map:

1. Extend the maps object with a function. The key must be the ID of our second button. The function should have the same map initializing code that we used with our road map:

        maps.suitability = function() {         var map = L.map('map', {         center: [46.08, 18.24],         zoom: 10         });        };

2. Add an OpenStreetMap base map to the composition. We can do that by calling the L.tileLayer function with the URL of the OSM tiles. As these tiles are not just separated by their layout and zoom level but also by cluster, we have to ...