mathias/grainParisArt
1
0
Fork 0
mirror of https://github.com/MathiasDPX/grainParisArt.git synced 2025-05-10 07:33:05 +00:00
Code Issues Projects Releases Packages Activity Actions

Rebrand for Brest

Browse source
This commit is contained in:
Mathias DUPEUX 2024-10-09 19:15:56 +02:00
parent 0e8b3523b8
commit c515b51a1a
9 changed files with 63 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

51
templates/index.html
View file

@ -86,47 +86,32 @@
</div>
<script>
mapboxgl.accessToken = '###';
var map = L.map('map').setView([48.396205, -4.477066], 13);
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [2.3522, 48.8566],
zoom: 12
});
var myicon = L.icon({
iconUrl: "static/images/point.png",
iconSize: [16,16]
})
map.addControl(new mapboxgl.NavigationControl());
L.tileLayer('https://tile.jawg.io/jawg-lagoon/{z}/{x}/{y}{r}.png?access-token={accessToken}', {
attribution: '<a href="https://jawg.io" title="Tiles Courtesy of Jawg Maps" target="_blank">&copy; <b>Jawg</b>Maps</a> &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
minZoom: 0,
maxZoom: 22,
accessToken: '{{ JAWG_API_KEY }}'
}).addTo(map);
var locations = [
{ coordinates: [2.348973, 48.848363], description: "Écoles Cinéma club" },
{ coordinates: [2.546596, 48.840113], description: "UGC Ciné Cité Noisy-le-Grand" },
{ coordinates: [2.343014, 48.849777], description: "UGC Ciné Cité les Halles" },
{ coordinates: [2.342790, 48.849510], description: "Reflet Medicis" },
{ coordinates: [2.342790, 48.849510], description: "Fimothèque du quartier Latin" },
{ coordinates: [2.343223, 48.849980], description: "Le Champo" },
{ coordinates: [2.330526, 48.842813], description: "MK2 Parnasse" },
{ coordinates: [2.352129, 48.847530], description: "Le Grand Action" },
{ coordinates: [2.353602, 48.858676], description: "Luminor Hotel de Ville" },
{ coordinates: [2.344856, 48.871370], description: "Max Linder Panorama" },
{ coordinates: [2.342385, 48.847488], description: "Cinéma du Panthéon" },
{ coordinates: [2.349555, 48.841300], description: "Épée de bois" },
{ coordinates: [2.375488, 48.832448], description: "MK2 Bibliothèque" },
{ coordinates: [2.352312, 48.861584], description: "MK2 Beaubourg" }
{ coordinates: [48.390699, -4.487733], description: "Multiplexe Liberté" },
{ coordinates: [48.397915, -4.473528], description: "CGR Brest Le Celtic" },
{ coordinates: [48.396205, -4.477066], description: "Les Studios" },
{ coordinates: [48.389640, -4.498724], description: "Pathé Capucins" },
];
locations.forEach(function (location) {
var el = document.createElement('div');
el.className = 'custom-marker';
var popup = new mapboxgl.Popup({ offset: 25 }).setText(location.description);
new mapboxgl.Marker(el)
.setLngLat(location.coordinates)
.setPopup(popup)
.addTo(map);
new L.Marker(location.coordinates, {icon: myicon})
.addTo(map)
.bindPopup(location.description);
});
</script>