https://55mskn.netlify.app/layers/layers.js

1var wms_layers = [];
2
3
4        var lyr_OpenStreetMap_0 = new ol.layer.Tile({
5            'title': 'OpenStreetMap',
6            'opacity': 1.000000,
7            
8            
9            source: new ol.source.XYZ({
10            attributions: ' ',
11                url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'
12            })
13        });
14var format_Locations_1 = new ol.format.GeoJSON();
15var features_Locations_1 = format_Locations_1.readFeatures(json_Locations_1, 
16            {dataProjection: 'EPSG:4326', featureProjection: 'EPSG:3857'});
17var jsonSource_Locations_1 = new ol.source.Vector({
18    attributions: ' ',
19});
20jsonSource_Locations_1.addFeatures(features_Locations_1);
21cluster_Locations_1 = new ol.source.Cluster({
22  distance: 30,
23  source: jsonSource_Locations_1
24});
25var lyr_Locations_1 = new ol.layer.Vector({
26                declutter: false,
27                source:cluster_Locations_1, 
28                style: style_Locations_1,
29                popuplayertitle: 'Locations',
30                interactive: true,
31    title: 'Locations<br />\
32    <img src="styles/legend/Locations_1_0.png" /> Food & Cofee<br />\
33    <img src="styles/legend/Locations_1_1.png" /> Section<br />\
34    <img src="styles/legend/Locations_1_2.png" /> Integration event<br />\
35    <img src="styles/legend/Locations_1_3.png" /> Opening Ceremony of the Seminar<br />\
36    <img src="styles/legend/Locations_1_4.png" /> Registration of participants<br />\
37    <img src="styles/legend/Locations_1_5.png" /> <br />' });
38
39lyr_OpenStreetMap_0.setVisible(true);lyr_Locations_1.setVisible(true);
40var layersList = [lyr_OpenStreetMap_0,lyr_Locations_1];
41lyr_Locations_1.set('fieldAliases', {'categ': 'categ', 'Start': 'Start', 'Hall': 'Hall', 'inf': 'inf', 'Adress': 'Adress', 'Name': 'Name', });
42lyr_Locations_1.set('fieldImages', {'categ': 'TextEdit', 'Start': 'TextEdit', 'Hall': 'TextEdit', 'inf': 'TextEdit', 'Adress': 'TextEdit', 'Name': 'TextEdit', });
43lyr_Locations_1.set('fieldLabels', {'categ': 'no label', 'Start': 'inline label - visible with data', 'Hall': 'inline label - visible with data', 'inf': 'no label', 'Adress': 'inline label - visible with data', 'Name': 'inline label - visible with data', });
44lyr_Locations_1.on('precompose', function(evt) {
45    evt.context.globalCompositeOperation = 'normal';
46});