Mudanças entre as edições de "Predefinição:MapViewer"

De Wiki Gla
Ir para navegação Ir para pesquisar
(ajustando a predefinição)
 
(4 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
<includeonly><div id="map-container-{{{id|mapa1}}}" class="mapa-viewer" style="width:{{{largura|100%}}}; height:{{{altura|500px}}}; background:#0f172a; border-radius:12px; overflow:hidden; position:relative;">
<includeonly>{{#invoke:MapaJson|renderizar|id={{{id|mapa1}}}|largura={{{largura|100%}}}|altura={{{altura|500px}}}|titulo={{{titulo|Mapa}}}|json={{{json|}}}}}</includeonly>
    <div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#64748b;">
        ⏳ Carregando mapa...
    </div>
</div>
 
<script>
(function() {
    // Configuração do mapa
    var configJSON = `{{{config}}}`;
    var containerId = 'map-container-{{{id|mapa1}}}';
    var mapConfig = null;
   
    try {
        mapConfig = JSON.parse(configJSON);
    } catch(e) {
        console.error('Erro ao parsear config:', e);
        document.getElementById(containerId).innerHTML = '<div style="padding:20px; text-align:center; color:#ef4444;">❌ Erro na configuração do mapa</div>';
        return;
    }
   
    // Inicializar viewer quando a página carregar
    if (typeof window.MapViewer === 'undefined') {
        // Carregar o script do viewer
        var script = document.createElement('script');
        script.src = 'https://cdn.jsdelivr.net/gh/seu-usuario/map-viewer@latest/viewer.min.js';
        script.onload = function() {
            new window.MapViewer(containerId, mapConfig);
        };
        document.head.appendChild(script);
    } else {
        new window.MapViewer(containerId, mapConfig);
    }
})();
</script></includeonly>

Edição atual tal como às 19h59min de 9 de abril de 2026