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

De Wiki Gla
Ir para navegação Ir para pesquisar
(ajustando a predefinição)
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>{{#widget:MapaViewer.js
     <div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#64748b;">
    |id={{{id|mapa1}}}
         ⏳ Carregando mapa...
    |largura={{{largura|100%}}}
    </div>
    |altura={{{altura|500px}}}
</div>
     |nome={{{nome|Mapa}}}
 
    |json={
<script>
        "mapConfig": {
(function() {
            "initialFloor": {{{andarInicial|0}}},
    // Configuração do mapa
            "defaultZoom": {{{zoomPadrao|1}}},
    var configJSON = `{{{config}}}`;
            "minZoom": 0.5,
    var containerId = 'map-container-{{{id|mapa1}}}';
            "maxZoom": 3,
    var mapConfig = null;
            "zoomStep": 0.1
   
         },
    try {
        "layers": [
        mapConfig = JSON.parse(configJSON);
            {
    } catch(e) {
                "id": 0,
        console.error('Erro ao parsear config:', e);
                "name": "{{{nome1|Térreo}}}",
        document.getElementById(containerId).innerHTML = '<div style="padding:20px; text-align:center; color:#ef4444;">❌ Erro na configuração do mapa</div>';
                "imagePath": "{{{imagem1}}}",
         return;
                "alignment": { "offsetX": {{{offsetX1|0}}}, "offsetY": {{{offsetY1|0}}}, "scale": 1 },
                "opacity": 100,
                "markers": [
                    {
                        "id": "marker_1",
                        "name": "{{{marker1_nome|}}}",
                        "x": {{{marker1_x|0}}},
                        "y": {{{marker1_y|0}}},
                        "hasBadge": {{{marker1_badge|false}}},
                        "action": "{{{marker1_acao|popup}}}",
                        "actionData": { "text": "{{{marker1_texto|}}}" }
                    }
                ]
            }
         ]
     }
     }
   
}}</includeonly>
    // 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 das 09h48min de 8 de abril de 2026

Disponível em “https://wiki.gla.com.br/index.php?title=Predefinição:MapViewer&oldid=45631”