mapboxgl.accessToken = 'pk.eyJ1IjoiYWxlZmF5IiwiYSI6ImNtOGZvd2RzYTBneGwybHNmNTdza2JwbWgifQ.iM2_yA9NbQUu9EgugkfArQ';
const map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/light-v11',
center: [2.2199543, 48.8414727],
zoom: 3.5
});
const vignoble = [
{nom: "Afrique du Sud", loc: [24.991639, -28.8166236]},
{nom: "Algérie", loc: [1.6528399999999976, 28.0268755]},
{nom: "Allemagne", loc: [10.452764000000002, 51.1657065]},
{nom: "Argentine", loc: [-63.587402499999996, -38.4212955]},
{nom: "Azerbaïdjan", loc: [47.57209799999998, 40.147396263427495]},
{nom: "Autriche", loc: [13.34931899999998, 47.6975425]},
{nom: "Belgique", loc: [4.475402500000001, 50.499527]},
{nom: "Brésil", loc: [-53.1892665, -14.242914500000001]},
{nom: "Bulgarie", loc: [25.491666500000008, 42.729862]},
{nom: "Cameroun", loc: [12.343439499999988, 7.365302]},
{nom: "Chili", loc: [-73.601704, -36.7119505]},
{nom: "Chine", loc: [104.16580199999999, 34.668138]},
{nom: "Côte d'Ivoire", loc: [-5.547099500000002, 7.5468545]},
{nom: "Espagne", loc: [-2.487694499999975, 39.896026500000005]},
{nom: "France", loc: [2.209666999999996, 46.232192999999995]},
{nom: "Gambie", loc: [-15.311436000000015, 13.445411499999999]},
{nom: "Grèce", loc: [23.810343366924002, 38.2752831620555]},
{nom: "Guatemala", loc: [-90.229744, 15.776261]},
{nom: "Indonésie", loc: [118.01556799999997, -2.5187220000000003]},
{nom: "Italie", loc: [12.564166999999998, 41.8739875]},
{nom: "Kazakhstan", loc: [66.9022635, 48.193764]},
{nom: "Kenya", loc: [37.90396850000002, 0.1709454999999993]},
{nom: "Luxembourg", loc: [6.1315139999999815, 49.8157635]},
{nom: "Maroc", loc: [-7.080168000000015, 31.792305849269]},
{nom: "Maurice", loc: [57.5012, -20.1609]},
{nom: "Monaco", loc: [7.424450755119324, 43.738347784533]},
{nom: "Suisse", loc: [7.4474, 46.9480]},
{nom: "Vietnam", loc: [105.8342, 21.0278]},
{nom: "Tunisie", loc: [9.561555, 33.892166]},
{nom: "Pérou", loc: [-77.0431, -12.0467]},
{nom: "Zambie", loc: [28.2773, -15.4155]},
{nom: "Botswana", loc: [25.9077, -24.6580]},
{nom: "Uruguay", loc: [-56.1851, -34.9055]},
{nom: "Turquie", loc: [32.8597, 39.9334]},
{nom: "Géorgie", loc: [44.8015, 41.6938]},
{nom: "Pakistan", loc: [73.0362, 33.6996]},
{nom: "Hongrie", loc: [19.0402, 47.4979]},
{nom: "Pays-Bas", loc: [4.9041, 52.3676]},
{nom: "Royaume-Uni", loc: [0.1276, 51.5072]},
{nom: "Pologne", loc: [21.0122, 52.2297]},
{nom: "Mozambique", loc: [32.5732, -25.9692]},
{nom: "Zimbabwe", loc: [31.0504, -17.8263]},
{nom: "Gabon", loc: [9.4403, 0.4078]},
{nom: "Ghana", loc: [0.1974, 5.5593]},
// 🇳🇬 Nigeria
{nom: "Nigeria", loc: [8.6753, 9.0820]},
{nom: "Serbie", loc: [21.005859, 44.016521]},
{nom: "Irak", loc: [43.679291, 33.223191]},
{nom: "Liban", loc: [35.862285, 33.854721]},
{nom: "Égypte", loc: [30.802498, 26.820553]},
{nom: "Rwanda", loc: [29.873888, -1.940278]},
{nom: "Angola", loc: [17.873887, -11.202692]},
{nom: "Mozambique", loc: [35.529562, -18.665695]},
{nom: "Congo-Brazzaville", loc: [15.283180, -0.228021]},
{nom: "RDC", loc: [21.758664, -4.038333]},
{nom: "Madagascar", loc: [46.869107, -18.766947]},
{nom: "Bosnie-Herzégovine", loc: [18.4131, 43.8563]},
{
nom: "
Nom d'exploitation Pays : Portugal
Type d'exploitation : champagne
Nombre de ha : 5
",
loc: [-7.839318999999989, 39.553444]
}
];
vignoble.forEach(({nom, loc}) => {
const popup = new mapboxgl.Popup({
offset: 25
}).setHTML(nom);
const marker1 = new mapboxgl.Marker({
color: '#296E6B'
})
.setLngLat(loc)
.setPopup(popup)
.addTo(map);
});
