خريطة الموقع التفاعليةخريطة الموقع التفاعلية

async function fetchSitemapData() { const response = await fetch('/sitemap-data.json'); const data = await response.json(); return data; } function renderSitemap(container, data, level = 0) { const nodeElement = document.createElement('div'); nodeElement.classList.add('node'); nodeElement.style.marginLeft = level * 20 + 'px'; const linkElement = document.createElement('a'); linkElement.classList.add('link'); linkElement.href = data.url; linkElement.textContent = data.name; nodeElement.appendChild(linkElement); container.appendChild(nodeElement); if (data.children) { data.children.forEach(child => { renderSitemap(container, child, level + 1); }); } } document.addEventListener('DOMContentLoaded', async () => { const sitemapContainer = document.getElementById('sitemap-container'); const sitemapData = await fetchSitemapData(); renderSitemap(sitemapContainer, sitemapData); });