centappe/js/index.js
2023-09-06 17:54:22 +02:00

43 lines
1.1 KiB
JavaScript

document.addEventListener('DOMContentLoaded', async () => {
const map = L.map('map').setView([27.49, -9.3], 3);
map.crs = L.CRS.EPSG4326;
const world = await fetch('/world.geojson').then(res => res.json());
const fieldwork = await fetch('/fieldwork.geojson').then(res => res.json());
L.geoJson(world,{
style: function () {
return {
color: '#fff',
opacity: 0.4,
weight: 2,
fillColor: '#19365e',
fillOpacity: 1
};
}
}).addTo(map);
L.geoJson(fieldwork,{
style: function () {
return {
opacity: 0,
fillColor: '#ce1417',
fillOpacity: 1
};
}
}).addTo(map);
//TEST Egitto
let egypt1 = L.marker([30.551944, 32.098611], {
title: 'Tell el-Maskhuta',
riseOnHover : true
}).addTo(map);
let egypt2 = L.marker([30.5494,31.9636], {
title: 'Wadi Tumilat',
riseOnHover : true
}).addTo(map);
})