Predefinição:MapViewer - Histórico de revisão

Ceu azul em 19h59min de 9 de abril de 2026

2026-04-09T19:59:28Z

← Edição anterior		Edição das 19h59min de 9 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>{{#invoke:~~MapaViewer~~\|renderizar\|id={{{id\|mapa1}}}\|largura={{{largura\|100%}}}\|altura={{{altura\|500px}}}\|titulo={{{titulo\|Mapa}}}\|json={{{json\|}}}}}</includeonly>		<includeonly>{{#invoke:MapaJson\|renderizar\|id={{{id\|mapa1}}}\|largura={{{largura\|100%}}}\|altura={{{altura\|500px}}}\|titulo={{{titulo\|Mapa}}}\|json={{{json\|}}}}}</includeonly>

Ceu azul em 19h58min de 9 de abril de 2026

2026-04-09T19:58:24Z

← Edição anterior		Edição das 19h58min de 9 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>{{#invoke:~~MapaJson~~\|~~render~~\|~~json~~=~~<!--~~{~~$json\|escape:'quotes'}-->\|id=<!--~~{$id\|~~escape:'quotes'\|default:'~~mapa1'}~~-->~~\|largura=~~<!--~~{$largura\|~~escape:'quotes'\|default:'~~100%'}~~-->~~\|altura=~~<!--~~{$altura\|~~escape:'quotes'\|default:'~~500px'}~~-->~~\|~~nome~~=~~<!--~~{~~$nome~~\|~~escape:'quotes'~~\|~~default:'Mapa'~~}~~-->~~}}</includeonly>		<includeonly>{{#invoke:MapaViewer\|renderizar\|id={{{id\|mapa1}}}\|largura={{{largura\|100%}}}\|altura={{{altura\|500px}}}\|titulo={{{titulo\|Mapa}}}\|json={{{json\|}}}}}</includeonly>

Ceu azul em 10h00min de 9 de abril de 2026

2026-04-09T10:00:28Z

← Edição anterior		Edição das 10h00min de 9 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>{{#~~widget~~:~~MapViewer.js~~		<includeonly>{{#invoke:MapaJson\|render\|json=<!--{$json\|escape:'quotes'}-->\|id=<!--{$id\|escape:'quotes'\|default:'mapa1'}-->\|largura=<!--{$largura\|escape:'quotes'\|default:'100%'}-->\|altura=<!--{$altura\|escape:'quotes'\|default:'500px'}-->\|nome=<!--{$nome\|escape:'quotes'\|default:'Mapa'}-->}}</includeonly>
	\|id={{{id\|mapa1}}}
	\|largura={{{largura\|100%}}}
	\|altura={{{altura\|500px}}}
	\|nome={{{nome\|~~Mapa}}}~~
	~~\|json={~~
	~~"mapConfig"~~: {
	~~"initialFloor": {{{andarInicial~~\|~~0}}},~~
	~~"defaultZoom"~~: ~~{{{zoomPadrao\|1}}},~~
	~~"minZoom": 0.5,~~
	~~"maxZoom": 3,~~
	~~"zoomStep": 0.1~~
	},
	~~"layers": [~~
	{
	~~"id": 0,~~
	~~"name": "{{{nome1\|Térreo}}}",~~
	~~"imagePath": "{{{imagem1}}}",~~
	~~"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>

Ceu azul em 09h51min de 8 de abril de 2026

2026-04-08T09:51:38Z

← Edição anterior		Edição das 09h51min de 8 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>{{#widget:~~MapaViewer~~.js		<includeonly>{{#widget:MapViewer.js
	\|id={{{id\|mapa1}}}		\|id={{{id\|mapa1}}}
	\|largura={{{largura\|100%}}}		\|largura={{{largura\|100%}}}

Ceu azul em 09h48min de 8 de abril de 2026

2026-04-08T09:48:28Z

← Edição anterior		Edição das 09h48min de 8 de abril de 2026
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>

Ceu azul: ajustando a predefinição

2026-04-08T09:36:03Z

ajustando a predefinição

← Edição anterior		Edição das 09h36min de 8 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>		<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;">
	<div id="~~mw-~~map-~~viewer~~-{{{id\|~~default~~}}}" style="width: {{{~~width~~\|100%}}}; height: {{{~~height~~\|500px}}};"></div>		<div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#64748b;">
			⏳ Carregando mapa...
			</div>
			</div>

	<script>		<script>
	(function() {		(function() {
	// ~~Injetar estilos~~		// Configuração do mapa
	~~if (typeof window.MWMapViewerStyles !~~=~~= 'undefined' && !document.getElementById('mw-map-viewer-styles'))~~ {		var configJSON = `{{{config}}}`;
	var ~~styleTag = document.createElement('style');~~		var containerId = 'map-container-{{{id\|mapa1}}}';
	~~styleTag.id~~ = '~~mw-~~map-~~viewer~~-~~styles';~~		var mapConfig = null;
	~~styleTag.innerHTML = window.MWMapViewerStyles;~~
	~~document.head.appendChild(styleTag);~~
	}

	~~// Carregar configuração~~
	~~var configStr = '~~{{{~~config~~\|}}}';
	var ~~config~~ = {};

	try {		try {
	~~config~~ = JSON.parse(~~configStr~~);		mapConfig = JSON.parse(configJSON);
	} catch(e) {		} catch(e) {
	console.error('Erro ao parsear ~~configuração do mapa~~:', e);		console.error('Erro ao parsear config:', e);
	~~config~~ = {		document.getElementById(containerId).innerHTML = '<div style="padding:20px; text-align:center; color:#ef4444;">❌ Erro na configuração do mapa</div>';
	~~mapConfig~~: ~~{ initialFloor~~: ~~0, defaultZoom~~: ~~1, minZoom~~: 0.~~5, maxZoom: 3, zoomStep: 0~~.~~1 },~~		return;
	~~layers: []~~		}

			// 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);
	}		}

	~~// Aguardar DOM carregar~~
	~~var containerId = 'mw-map-viewer-{{{id\|default}}}';~~
	~~var checkExist = setInterval(function() {~~
	~~var container = document.getElementById(containerId);~~
	~~if (container && typeof window.MWMapViewer !== 'undefined') {~~
	~~clearInterval(checkExist);~~
	~~new window.MWMapViewer(container, config, {~~
	~~width: '{{{width\|100%}}}',~~
	~~height: '{{{height\|500px}}}'~~
	~~});~~
	}
	~~}, 100);~~
	})();		})();
	</script>		</script></includeonly>

	</includeonly>
	~~<noinclude>~~
	~~{{documentation}}~~
	~~</noinclude~~>

Ceu azul em 09h07min de 8 de abril de 2026

2026-04-08T09:07:38Z

← Edição anterior		Edição das 09h07min de 8 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>		<includeonly>
	~~{{#widget:MapViewer.js}}~~
	<div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>		<div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>
	<script>		<script>

Ceu azul em 09h04min de 8 de abril de 2026

2026-04-08T09:04:57Z

← Edição anterior		Edição das 09h04min de 8 de abril de 2026
Linha 1:		Linha 1:
	<includeonly>		<includeonly>
			{{#widget:MapViewer.js}}
	<div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>		<div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>
	<script>		<script>

Ceu azul em 08h53min de 8 de abril de 2026

2026-04-08T08:53:47Z

← Edição anterior		Edição das 08h53min de 8 de abril de 2026
Linha 1:		Linha 1:
	<includeonly><div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>		<includeonly>

			<div id="mw-map-viewer-{{{id\|default}}}" style="width: {{{width\|100%}}}; height: {{{height\|500px}}};"></div>
	<script>		<script>
	(function() {		(function() {
Linha 37:		Linha 39:
	}, 100);		}, 100);
	})();		})();
	</script></includeonly><noinclude>		</script>

			</includeonly>
			<noinclude>
	{{documentation}}		{{documentation}}
	</noinclude>		</noinclude>

Ceu azul: Criou página com '