diff --git a/web/modules/custom/erable_mod/assets/js/carte-interactive.js b/web/modules/custom/erable_mod/assets/js/carte-interactive.js index 0775307..a7aa743 100644 --- a/web/modules/custom/erable_mod/assets/js/carte-interactive.js +++ b/web/modules/custom/erable_mod/assets/js/carte-interactive.js @@ -172,8 +172,7 @@ for (let icon of projectsIcons) { }); } -function placeProjectsIcons(projectsIcons) { - const container = document.querySelector('#map_base'); +function placeProjectsIcons(projectsIcons, container) { const containerWidth = container.getBoundingClientRect().width; const containerHeight = container.getBoundingClientRect().height; @@ -261,10 +260,16 @@ function hidePopup(){ // debugMapPlacement(); document.addEventListener('DOMContentLoaded', () => { - placeProjectsIcons(projectsIcons); - window.addEventListener('resize', () => { - placeProjectsIcons(projectsIcons) - }); + let containerImg = document.querySelector('#map_base'); + containerImg.addEventListener('load', () => { + placeProjectsIcons(projectsIcons, containerImg); + window.addEventListener('resize', () => { + placeProjectsIcons(projectsIcons, containerImg); + }); + }) + if (containerImg.complete) { + placeProjectsIcons(projectsIcons, containerImg); + } }); function debugMapPlacement() {