Skip to content

GitLab

Commit c14fd63c authored by Marc Coudriau's avatar Marc Coudriau
Browse files

Leaflet map in contact page

parent 28b5fa0f
Pipeline #23439 passed with stages
in 4 minutes and 5 seconds
Hide whitespace changes
Inline Side-by-side
html/contact.html
View file @ c14fd63c
......@@ -5,6 +5,12 @@ title: Contact Us
---
<head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css"
integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js"
integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og=="
crossorigin=""></script>
<script type="text/javascript">
var url = 'https://api.stackexchange.com/2.2/questions?order=desc&sort=activity&site=stackoverflow&tagged=frama-c&filter=withbody&key=nQzVjuCq0ZwXFrvkmRKTag((';
......@@ -23,7 +29,21 @@ var getJSON = function(url, callback) {
xhr.send();
};
window.onload = getJSON(url,
var loadMap = function() {
var map = L.map('mapid', {closePopupOnClick:false}).setView([48.7130, 2.1944], 16);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([48.7125, 2.1945]).addTo(map)
.bindPopup('<b>CEA LIST, Centre Nano-INNOV</b><br>2 Boulevard Thomas Gobert<br>91120 Palaiseau, France',
{closeButton:false})
.openPopup();
};
window.onload = function () {
getJSON(url,
function(err, data) {
if (err !== null) {
alert('Something went wrong: ' + err);
......@@ -40,8 +60,9 @@ function(err, data) {
}
document.getElementById("postsStack").innerHTML = html;
}
});
});
loadMap();
}
</script>
</head>
<body class="page-template page-template-page-contact page-template-page-contact-php page page-id-18 nonTouch">
......@@ -105,14 +126,10 @@ function(err, data) {
<div class="locate">
<figure style=
"background:url(PrtScr-capture_2686.jpg) no-repeat center bottom; background-size: cover;">
"background:url(/assets/img/nano_innov.jpg) no-repeat center bottom; background-size: cover;">
</figure>
<!-- <div class="acf-map" id="googleMap"> -->
<!-- <div class="marker" data-lat="48.712144" data-lng="2.194427000000019"> -->
<!-- <p class="address">8 Avenue de la Vauve, 91120 Palaiseau, France</p> -->
<!-- </div> -->
<!-- </div> -->
<div id="mapid"></div>
</div>
<div class="contactInfo">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment