diff --git a/user/themes/r2c/js/script.js b/user/themes/r2c/js/script.js index 5e7f11b..bd5a64c 100644 --- a/user/themes/r2c/js/script.js +++ b/user/themes/r2c/js/script.js @@ -1,3 +1,38 @@ +function map() { + var mymap = L.map('mapid').setView([48.866667, 2.333333], 14); + + L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { + maxZoom: 18, + attribution: '' + + '' + + '', + id: 'mapbox.streets' + }).addTo(mymap); + + var LeafIcon = L.Icon.extend({ + options: { + iconSize: [50, 50], + iconAnchor: [25, 25], + } + }); + + var greenIcon = new LeafIcon({iconUrl: 'user/themes/r2c/images/handler.svg'}) + L.marker([48.866667, 2.333333], {icon: greenIcon}).bindPopup("Coucou").addTo(mymap); + + + // $(document).ready(function() { + // + // var array = [] + // console.log(array); + // + // var $mappoint = $('#streetmap > div:nth-child(n+2)'); + // array.push('{{module.header.id}}'); + // console.log(array); + // + // }); + +}; + function scrollbar(){ $(window).on("load",function(){ $("#start > div > div").mCustomScrollbar({ @@ -291,5 +326,7 @@ $(document).ready(function() { clickhand(); drag(); dragcanvas(); + map(); + // scrollbar(); }); diff --git a/user/themes/r2c/templates/modular/streetmap.html.twig b/user/themes/r2c/templates/modular/streetmap.html.twig index 026cbea..835c3e8 100644 --- a/user/themes/r2c/templates/modular/streetmap.html.twig +++ b/user/themes/r2c/templates/modular/streetmap.html.twig @@ -3,57 +3,11 @@ {% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %} {% block body %} -
-