https://ebmpp.netlify.app/js/map.js

1
2// Initialize the map
3const map = L.map('map').setView([20, 0], 2); // Set initial view [latitude, longitude], and zoom level
4
5  // Add a tile layer (basemap)
6  // Define different tile layers
7const osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
8    maxZoom: 18,
9    attribution: '© OpenStreetMap contributors'
10  });
11  
12  const esriSatellite = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
13    maxZoom: 18,
14    attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
15  });
16  
17  // Add initial tile layer to the map
18  osm.addTo(map);
19  
20  // Add layer control for switching
21  L.control.layers({
22    "OpenStreetMap": osm,
23    "Esri Satellite": esriSatellite
24  }).addTo(map);
25  
26
27  // Define locations with annotations
28  const locations = [
29    { coords: [41.8781, -87.6298], label: `<b>University of Illinois, Chicago</b> <br> Meta-Analysis, Data Mining, Methodology` },
30    { coords: [40.7170, -73.6018], label: `<b>Hofstra University, New York</b> <br> Zucker Hillside Hospital, Methodological Projects` },
31    { coords: [51.7548, -1.2544], label: `<b>University of Oxford</b> <br> Meta-Analysis, Smartphone Apps` },
32    { coords: [51.5111, -0.1162], label: `<b>King's College London</b> <br> Clinical Trials, Dose-Response Meta-Analysis<br> (Visiting Professor SL)` },
33    { coords: [48.8470, 2.3445], label: `<b>Université Paris Descartes</b> <br> Meta-Analyses` },
34    { coords: [52.0907, 5.1214], label: "<b>Universiteit Utrecht</b> <br> Clinical Trials" },
35    { coords: [59.3480, 18.0299], label: "<b>Karolinska Institutet</b><br> Analysis of National Registers" },
36    { coords: [56.1681, 10.2034], label: "<b>Aarhus University</b><br> em. Honorary Professor SL" },
37    { coords: [52.0876, 5.1646], label: "<b>ECNP</b><br> SL Lecturer for Psychiatrist Trainings" },
38    { coords: [39.6246, 20.8537], label: "<b>University of Ioannina</b><br>Meta-Analyses" },
39    { coords: [45.4342, 10.9916], label: "<b>University of Verona</b><br>Meta-Analyses" },
40    { coords: [32.7614, 35.0054], label: "<b>University of Haifa, Israel</b><br>Analysis of Individual Patient Data, Equipercentile Linking, Network Analysis" },
41    { coords: [46.9524, 7.4396], label: "<b>Institute of Social and Preventive Medicine (ISPM), University of Bern</b><br>Meta-Analysis, Living Systematic Reviews of COVID Consequences for Mental Health, Methodological Projects" },
42    { coords: [31.2304, 121.4737], label: "<b>Shanghai Mental Health Center</b><br>Joint Sino-German Grant<br>SL Visiting Professor<br>Visiting researchers from China" },
43    { coords: [35.0263, 135.7809], label: "<b>University of Kyoto</b><br>Meta-Analysis, Methodology in EBM, Outcome Research" },
44    { coords: [-37.8136, 144.9631], label: "<b>Cochrane Schizophrenia Group</b><br>Co-lead by Melbourne and Munich (Irene Bighelli)" }
45  ];
46
47  // Add markers to the map
48  locations.forEach(location => {
49    const marker = L.marker(location.coords).addTo(map);
50    marker.bindPopup(location.label); // Annotation using popup
51  });
52