Van-Bruggen Peinture et décoration | % endblock %} <section> <div class="sub-header sub-header-1 sub-header-portfolio-grid-1 fake-position banner2"> <div class="sub-header-content"> <h2 class="text-cap white-text">Magasins et contact</h2> <ol class="breadcrumb breadcrumb-arc text-cap"> <li> <a href="/fr/accueil">Accueil</a> </li> <li class="active">Magasins et contact</li> </ol> </div> </div> </section>  <section class="padding no-padding-bot"> <div class="container"> <div class="title-block"> <h2 class="title text-cap">Localisation</h2> <div class="divider divider-1"> <svg class="svg-triangle-icon-container"> <polygon class="svg-triangle-icon" points="6 11,12 0,0 0"></polygon> </svg> </div> </div> <div class="row"> <div id="map" style="width:100%;height:320px;">  </div> </div> </div> </section>  <div class="title-block"> <h2 class="title text-cap">Envoyer un message | Van Bruggen </h2> <div class="divider divider-1"> <svg class="svg-triangle-icon-container"> <polygon class="svg-triangle-icon" points="6 11,12 0,0 0"></polygon> </svg> </div> </div> <section class="padding padding-top-20"> <div class="container"> <div class="row"> <div class="col-md-6"> <h4>Van Bruggen </h4> <p>Boulevard de l'Europe 115</p> <p>1300, Wavre</p> <p> 010 41 05 54</p> </div> </div><hr> <div class="row"> <div class="contact-warp"> <div class="col-md-12 "> <div class="left-contact contact-form-1-cols"> <form method="post" action="/fr/contact/submit" class="form-inline form-contact-arc"> <div class="row"> <div class="form-group col-md-4"> <input type="text" placeholder="Votre nom" name="name" class="form-control" required> </div> <div class="form-group col-md-4"> <input type="email" placeholder="Votre email" name="email" class="form-control" required> </div> <div class="form-group col-md-4"> <input type="text" placeholder="Votre téléphone" name="phone" class="form-control"> </div> </div> <div class="input-content padding-top-20"> <div class="form-group form-textarea"> <textarea rows="6" placeholder="Votre message" name="message" class="form-control"></textarea> </div> </div> <div> <input type="checkbox" name="newsletter" id="newsletter_1"> <label for="newsletter_1">Je désire recevoir des informations commerciales par mail</label> </div> <input type="hidden" name="reference" value="Wavre"> <input type="submit" value="Envoyer" class="ot-btn btn-main-color btn-long text-cap btn-submit"> </form> </div>  </div> </div> </div> </div> </section>   <script src="/js/vendor/jquery.min.js"></script> <script src="/js/vendor/bootstrap.min.js"></script> <script src="/js/plugins/jquery.mCustomScrollbar.concat.min.js"></script> <script src="/js/plugins/wow.min.js"></script> <script src="/js/plugins/skrollr.min.js"></script>  <script src="/js/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="/js/revolution/js/jquery.themepunch.revolution.min.js"></script>  <script src="/js/revolution/js/extensions/revolution.extension.actions.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.carousel.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.kenburn.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.migration.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.navigation.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script src="/js/revolution/js/extensions/revolution.extension.video.min.js"></script>  <script src="/js/plugins/slider.js"></script>  <script src="/js/plugins/jquery.mobile-menu.js"></script>  <script src="/js/plugins/isotope.pkgd.min.js"></script> <script src="/js/plugins/custom-isotope.js"></script>  <script src="/js/plugins/owl.carousel.js"></script> <script src="/js/plugins/custom-owl.js"></script>  <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>  <script src="/js/plugins/custom.js"></script> <script type="text/javascript"> // centre de la carte var lat = 50.760708; var lon = 4.513116; var macarte = null; // Fonction d'initialisation de la carte var villes = { // "Stockel": { "lat": 50.840881, "lon": 4.464326, "text": // "<h3>Nous sommes à Stockel</h3><p>Rue de l'Eglise 98A</p><p>1150, Woluwe-Saint-Pierre</p><p>02 772 90 28</p>" }, // "Anderlecht": { "lat": 50.837299, "lon": 4.288234, "text": // "<h3>Nous sommes à Anderlecht</h3><p>Boulevard Sylvain Dupuis 310</p> <p>1070, Anderlecht</p> <p>02 520 55 40</p>\n" }, "Van-Bruggen": { "lat": 50.7019, "lon": 4.5888, "text": "<h3>Nous sommes</h3><p>Boulevard de l'Europe 115</p><p>1300, Wavre</p><p>010 41 05 54</p>" }, }; function initMap() { // Créer l'objet "macarte" et l'insèrer dans l'élément HTML qui a l'ID "map" macarte = L.map('map').setView([lat, lon], 9); // Leaflet ne récupère pas les cartes (tiles) sur un serveur par défaut. Nous devons lui préciser où nous souhaitons les récupérer. Ici, openstreetmap.fr L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png', { // Il est toujours bien de laisser le lien vers la source des données attribution: 'données © <a href="//osm.org/copyright">OpenStreetMap</a>/ODbL - rendu <a href="//openstreetmap.fr">OSM France</a>', minZoom: 1, maxZoom: 20 }).addTo(macarte); // Nous parcourons la liste des villes for (ville in villes) { var marker = L.marker([villes[ville].lat, villes[ville].lon]).addTo(macarte); marker.bindPopup(villes[ville].text); } } window.onload = function(){ // Fonction d'initialisation qui s'exécute lorsque le DOM est chargé initMap(); }; </script>