(function () { var container = document.getElementById('popup2'); var content = document.getElementById('popup-content'); var closer = document.getElementById('popup-closer'); var overlay = new ol.Overlay({ element: container, autoPan: true, autoPanAnimation: { duration: 250, }, }); closer.onclick = function () { overlay.setPosition(undefined); closer.blur(); return false; }; // PUNTI start ************************************************************************************ var style = []; var vectorList_a = []; var iconList = []; style['750'] = { 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'orange', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'orange', width: 3, }), }), }; // GPX start var vectorgpx = new ol.layer.Vector({ name: 'BVG trail', description: '
', source: new ol.source.Vector({ url: ['/files/gpx/BVG_West_Track.gpx'], radius: 0, format: new ol.format.GPX() }), style: function (feature) { return style['750'][feature.getGeometry().getType()]; }, }); vectorList_a.push(vectorgpx); style['678'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.610017, 45.657481])), name: 'Gatto [Gat]', description: '

The locality at the end of the road, before the bridge that crosses the river, is today known as Gatto (Gàt), its name may derives from its owner epithet.

Since 2002 an archaeological excavation brought to light the semibasement of a building, origanally structured on several storeys and with a channel on its west side. The oldest ruins date back to the XV Century.

During the 1800s some of the spaces were abandoned and a stone bridge was built on the ruins. This bridge was then rebuilt with the construction of the new road between 1871 and 1878, and it finally fell down due to a flood. The paper mill was completely abandoned at the end of the XIX Century.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['682'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.60472805075, 45.650956671815])), name: 'Maina di Mezzo', description: '

The productive complex of Maina di Mezzo was once connected to Maina Inferiore through a small trail alongside the river, partially visible from the road. Between the end of the 1800s and the beginning of the 1900s there were several buildings, that worked untill the first half of the 1900s. The lush vegetation shows only some of the structures among which the big stone vat stands out. This stone dates back to the XIX Century and it is upon a load-bearing pillar of the factory closer to the river. In 2007 part of one of the buildings in Maina di Mezzo was brought to light thanks to the archaeological excavation by Padova University' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['684'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.60418403364, 45.649963002323])), name: 'Maina Inferiore', description: '

The oldest part of this paper mill dates back to the XV Century, it was then enlarged at the end of the XIX Century.

The paper mill ended its activity in 1962 and it’s now the seat of the Paper Museum since 2007.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['683'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.605365, 45.652391])), name: 'Maina Superiore', description: '

At the end of the XIX Century Maina Superiore was the main productive centre of this area and it represented the heart of a city made of factories, warehouse, channels, houses, gardens and tracks that filled the narrow valley floor. Here is the villa belonged to the Maffizzolis, leading personalities of the industrial development of the valley, and the ruins of their papermill. At the beginning of the XX Century the Maffizzolis abandoned this factory and moved the paper mill by the lake' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['686'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.606969, 45.653928])), name: 'Vago [Vagh/Vach]', description: '

This part of the valley may takes its name from the dialect word vach, that refers to the wet and fresh climate that helped the cultivation of olive trees and grapevines. The first building that we find, with its typical industrial features, dates back to the XIX Century and it still preserves the big tiled tanks of the dutch machine and other concrete tanks that recall the deposit of chimicals used to bleach the pulp. Another building upstream, covered by vegetation, represents the eldest part of the productive complex of Vago.
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['687'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'red', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.606623517149, 45.652427455979])), name: 'Vancinelle', description: 'Alongside the left bank of the river, the road took to a big building in Vancinelle, also known as Magazzino (warehouse) due to its use, built between 1852 and 1898, opposite to Maina Superiore, to which it was connceted by a bridge. The name of this locality may derives from the vernacular version of the name Avanzini (Vansinèl) who were famous papermills owner.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'red' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_a.push(iconLayer); var vectorList_28 = []; var iconList = []; style['766'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#e9b3ff', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#e9b3ff', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.605524804399648, 45.65258234901218])), name: 'Amateur fishermen of the Garda Union ', description: 'In the Papermill Valley

Opening times:

- from 28/02/21 to 30/06/21 and from 01/09/21 to 03/10/21 open from friday to sunday (6.30-11.30 / 1pm-7pm)

- from 01/07/21 to 31/08/21 open daily (6.30-11.30 / 2 pm-7 pm)

License to be paid on the spot' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#e9b3ff' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_28.push(iconLayer); var vectorList_20 = []; var iconList = []; style['673'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#914f15', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#914f15', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.590972039361224, 45.67376762402138])), name: 'Bivouac “Due Aceri”', description: 'The bivouac “Due Aceri” is placed on the southern slope of Mount Pizzocolo (m. 1581), right unter the peak, from where you can enjoy a beatiful panoramic 360° view of the Alpine arc, the Lake Garda, the Lake Valvestino and of the valleys below. A little further up the lodge, there is a small chapel, always open (every 3rd Sunday of June, at 11 a.m.,it is celebrated the Mass). On the top of the mountain there is a cross and some beams pointing towards diffrent mountains. The bivouac, built on the ruins of a military building dating back to the WWI, counts with 1 room with a fireplace, 2 tables with benches and a first aid kit. A ladder takes to a loft. There are no beds nor blankets.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#914f15' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_20.push(iconLayer); var vectorList_35 = []; var iconList = []; style['757'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#609036', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#609036', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.636869817742053, 45.66279674990764])), name: 'Bogliaco Golf Resort', description: '

The third oldest golf course in Italy, situated in a hollow that, thanks to its raised position, allows for a beautiful view of the Lake Garda. The resort is open all year round, thanks to mild winter days The golf course is surrounded by lemon trees and centuries old olive trees, water ponds and the typical mediterranean vegetation The PAR 70 course has 18 holes, a driving range, a Club House with lounge area and restaurant, apartments, and a 10-room Lodge.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#609036' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_35.push(iconLayer); var vectorList_19 = []; var iconList = []; style['669'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#159181', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#159181', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.560180804632, 45.697801215542])), name: 'Campèi de Sima', description: '

This lodge is in Campiglio di Cima (Campèi de Sìma), a small locality in Toscolano Maderno, in the Alto Garda Bresciano Natuaral Park, at an altitude of 1.017 m. More than a lodge, it is an actual alpine burg, formed by 3 buildings and a small church named after Madonna della Neve (St. Mary of the Snows). The restoration ended in 2000, thanks to ERSAF (owner of the buildings) and A.N.A., that made the mountain cottages of Campiglio di Cima enjoyable.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#159181' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['671'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#159181', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#159181', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.556957635784, 45.678020597491])), name: 'Rifugio \"Pirlo\" allo Spino', description: '

This lodge, property of the CAI of Salò, is open daily from spring to autumn and on the weekends during the rest of the year. It’s a starting point for interesting hikes to the Pizzocolo (1h30m) and to Mount Spino (less than 1h), and for those who wants to try the close vie ferrate. Hospitality, good food and perfect accommodation for families, hikers and mountain bike lovers. The lodge is located at a height of 1165m at the foot of Mount Spino and Pizzocolo.

It has 2 big bedrooms for groups (40 beds) with bathroom. It is possible to use the main room for group meetings

Easy to reach from Toscolano Maderno, the lodge (mt . 1185) was built on a station of the Finance Police and named after Giorgio Pirlo, who died during WW II
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#159181' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_19.push(iconLayer); var vectorList_27 = []; var iconList = []; style['771'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#e7ceb0', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#e7ceb0', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.605244, 45.652062])), name: 'Maffizzoli Palace', description: '

Property of the Maffizzoli family, famous paper makers. It was built on the side of the river at the entrance of Maina Superiore, that was the main paper production centre at the end of the 19th Century' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#e7ceb0' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_27.push(iconLayer); var vectorList_22 = []; var iconList = []; style['670'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#5a6360', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#5a6360', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.584539139646, 45.671028637753])), name: 'Malga Valle', description: '

Small mountain cottage near the peak of Mount Pizzocolo
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#5a6360' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_22.push(iconLayer); var vectorList_24 = []; var iconList = []; style['722'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#be6acd', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#be6acd', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.600096564629, 45.64535393265])), name: 'S. Martino\'s Church', description: '

Close to the district of Sanico, in Prati di San Martino, the small San Martino di Tours’s church was built on an isolated hill near the ravine of the Toscolano river. It was used as lazaretto since the beginning of the 17th Century. The adjacent cemetery hosted the deceased of Maderno and its districts until the end of the 19th Century. It’s a circular church with a rectangular apse. Next to the church there is a small residential building dating back to the 17th Century (see the engraving on the wall) when a hermit used to live here. The original nucleus is the circular building that is now the aisle, and that was supposed to have a small apse east and a pronaos west.' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#be6acd' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); style['713'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#be6acd', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#be6acd', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.614396139027365, 45.65462032356168])), name: 'S. Sebastiano\'s Church', description: '

It’s a small church in the middle of Gaino. There aren’t info about the period of its construction.

San Sebastiano, who protects from contagious diseases, is represented with San Rocco and the Virgin
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#be6acd' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_24.push(iconLayer); var vectorList_21 = []; var iconList = []; style['502'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#9ea752', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#9ea752', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.570558909885, 45.657259340254])), name: 'S. Urbano\'s lodge', description: '

Cement roof with fireplace and bivouac' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#9ea752' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_21.push(iconLayer); var vectorList_32 = []; var iconList = []; style['764'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#51652b', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#51652b', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.616492698691381, 45.65968024403243])), name: 'Scuderia Castello', description: 'The Castello Stable organizes hikes and horse trekking, for beginners and experts, in the hills and in the Parco Alto Garda. ' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#51652b' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_32.push(iconLayer); var vectorList_13 = []; var iconList = []; style['715'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'violet', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: 'violet', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.637406903483, 45.66953838257])), name: 'Shrine of Madonna di Supina', description: '

The Madonna di Supina shrine was built at the end of the XV C. by the Toscolano Maderno Municipality. From the second half of the XVI C. the Toscolano community, in order to fulfil a vow, used to have a mass celebrated there every 25th of the month. In 1581 Battista Sgraffignoli left in his will his paper mill in contrada Lupo, in the Papermills Valley, for the celebrations and money to finish the construction of the church and its decoration. As stated in his will, the interior decoration was made between 1583 and 1590 with paintings representing the life of the Virgin and placed between frescoed architectural frames. The statue of the Virgin enthroned in the apse dates back to the half of the XV C, and has a XVII C. wooden altarpiece.
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'violet' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_13.push(iconLayer); var vectorList_26 = []; var iconList = []; style['707'] = { 'Point': new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: 'rgba(255,255,0,0.6)', }), radius: 10, stroke: new ol.style.Stroke({ color: '#ff0', width: 1, }), }), }), 'LineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#3aa25f', width: 3, }), }), 'MultiLineString': new ol.style.Style({ stroke: new ol.style.Stroke({ color: '#3aa25f', width: 3, }), }), }; // GPX start var t = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([10.604170415888738, 45.64972537665636])), name: 'The Paper Museum', description: '

The paper production centre in Maina Inferiore is a fascinating productive complex transformed in museum. The museum recalls the different phases of paper production from the Middle age to the 20th Century, through an evocative path from the 16th Century nucleus of the mill, where visitors find reproductions of machinery and instruments typical of paper production from 15th to 18th Century to the upper rooms dedicated to the evolution of paper production during the early phases of the Industrial Revolution. In exhibition there are also some findings from the archaeological excavations carried out in the Paper Mill Valley, some watermarks produced between the 16th and 18th Century, and a collection of books printed by the Paganinis, illustrious publishers who owned a print shop in Toscolano and Venice during the first half of the 16th Century. Besides guided tours and didactic workshops about the history of paper, The Centre organises cultural events and exhibitions. 

Info www.valledellecartiere.it
' }); t.setStyle( new ol.style.Style({ image: new ol.style.Circle({ fill: new ol.style.Fill({ color: '#3aa25f' }), radius: 8, stroke: new ol.style.Stroke({ color: '#000000', width: 1, }), }), }), ); iconList.push(t); var iconLayer = new ol.layer.Vector({ source: new ol.source.Vector({ features: iconList, }), }); vectorList_26.push(iconLayer); // PUNTI end ************************************************************************************ var view = new ol.View({ center: ol.proj.transform([10.600677, 45.648558], 'EPSG:4326', 'EPSG:3857'), //maxZoom: 18, zoom: 14 }) var map = new ol.Map({ //controls: ol.control.defaults().extend([new ol.control.FullScreen()]), target: 'map', overlays: [overlay], layers: [ // LAYOUT DELLA CARTINA new ol.layer.Group({ title: 'Show', // A layer must have a title to appear in the layerswitcher layers: [ new ol.layer.Group({ title: 'Terrain', // A layer must have a title to appear in the layerswitcher type: 'base', // Setting the layers type to 'base' results in it having a radio button and only one base layer being visibile at a time combine: true, // Setting combine to true causes sub-layers to be hidden in the layerswitcher, only the parent is shown visible: false, layers: [ new ol.layer.Tile({ source: new ol.source.Stamen({ layer: 'terrain' }) }) ] }), new ol.layer.Tile({ title: 'Elevation contour lines', type: 'base', source: new ol.source.XYZ({ attributions: 'Tiles © ArcGIS', url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/{z}/{y}/{x}', }), }), new ol.layer.Tile({ title: 'Satellite', type: 'base', source: new ol.source.XYZ({ attributions: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community', url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.jpg', maxZoom: 19, }), }), new ol.layer.Tile({ title: 'Map', // A layer must have a title to appear in the layerswitcher type: 'base', // Again set this layer as a base layer visible: true, source: new ol.source.OSM() }), ] }), new ol.layer.Group({ title: 'Bassa via del Garda', fold: 'open', // Adding a 'fold' property set to either 'open' or 'close' makes the group layer collapsible layers: [ new ol.layer.Group({ title: '
•
Altro', layers: vectorList_a }), new ol.layer.Group({ title: '
•
FISHING', layers: vectorList_28 }), new ol.layer.Group({ title: '
•
BIVOUAC', layers: vectorList_20 }), new ol.layer.Group({ title: '
•
GOLF', layers: vectorList_35 }), new ol.layer.Group({ title: '
•
LODGE', layers: vectorList_19 }), new ol.layer.Group({ title: '
•
VILLAS AND PALACES', layers: vectorList_27 }), new ol.layer.Group({ title: '
•
HUT', layers: vectorList_22 }), new ol.layer.Group({ title: '
•
CHURCHES', layers: vectorList_24 }), new ol.layer.Group({ title: '
•
SHELTER', layers: vectorList_21 }), new ol.layer.Group({ title: '
•
HORSE RIDING', layers: vectorList_32 }), new ol.layer.Group({ title: '
•
CULT', layers: vectorList_13 }), new ol.layer.Group({ title: '
•
MUSEUMS AND PARKS', layers: vectorList_26 }), ] }), ], view: view, }); // GEOLOCALIZZAZIONE start ************************************************************************************ var geolocation = new ol.Geolocation({ // enableHighAccuracy must be set to true to have the heading value. trackingOptions: { enableHighAccuracy: true, }, projection: view.getProjection(), }); function el(id) { return document.getElementById(id); } el('track').addEventListener('change', function () { geolocation.setTracking(this.checked); }); geolocation.on('change', function () { el('accuracy').innerText = geolocation.getAccuracy() + ' [m]'; el('altitude').innerText = geolocation.getAltitude() + ' [m]'; el('altitudeAccuracy').innerText = geolocation.getAltitudeAccuracy() + ' [m]'; el('heading').innerText = geolocation.getHeading() + ' [rad]'; el('speed').innerText = geolocation.getSpeed() + ' [m/s]'; el('position').innerText = geolocation.getPosition(); }); // handle geolocation error. geolocation.on('error', function (error) { var info = document.getElementById('info-track'); info.innerHTML = error.message; info.style.display = ''; }); var accuracyFeature = new ol.Feature(); geolocation.on('change:accuracyGeometry', function () { accuracyFeature.setGeometry(geolocation.getAccuracyGeometry()); map.getView().animate({ center: geolocation.getPosition() }, { duration: 750 }); }); var positionFeature = new ol.Feature(); positionFeature.setStyle( new ol.style.Style({ image: new ol.style.Circle({ radius: 6, fill: new ol.style.Fill({ color: '#3399CC', }), stroke: new ol.style.Stroke({ color: '#fff', width: 2, }), }), }) ); // geolocation.on('change:position', function () { geolocation.on('change', function () { var coordinates = geolocation.getPosition(); positionFeature.setGeometry(coordinates ? new ol.geom.Point(coordinates) : null); }); new ol.layer.Vector({ map: map, source: new ol.source.Vector({ features: [accuracyFeature, positionFeature], }), }); // GEOLOCALIZZAZIONE end ************************************************************************************ // LINK To POINT start ************************************************************************************ // LINK To POINT end ************************************************************************************ // POPOUP start ************************************************************************************ var element = document.getElementById('popup'); var popup = new ol.Overlay({ element: element, positioning: 'bottom-center', stopEvent: false, offset: [0, 0], }); map.addOverlay(popup); map.on('singleclick', function (evt) { $(element).popover('dispose'); var feature = map.forEachFeatureAtPixel(evt.pixel, function (feature) { return feature; }); if (feature) { var coordinate = evt.coordinate; var hdms = ol.coordinate.toStringHDMS(ol.proj.toLonLat(coordinate)); content.innerHTML = '

' + feature.get('name') + '

' + feature.get('description') + '



' + hdms + ''; overlay.setPosition(coordinate); } }); // POPOUP end ************************************************************************************ // Get out-of-the-map div element with the ID "layers" and renders layers to it. // NOTE: If the layers are changed outside of the layer switcher then you // will need to call ol.control.LayerSwitcher.renderPanel again to refesh // the layer tree. Style the tree via CSS. var sidebar = new ol.control.Sidebar({ element: 'sidebar', position: 'left' }); var toc = document.getElementById('layers'); ol.control.LayerSwitcher.renderPanel(map, toc, { reverse: true }); map.addControl(sidebar); })();