World Map - Revision history

Samorite: Bump map embed to v=4 for building popup styling fix

2026-10-19T04:13:12Z

Bump map embed to v=4 for building popup styling fix

← Older revision		Revision as of 04:13, 19 October 2026
Line 27:		Line 27:

	<div id="worldMapContainer" class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">		<div id="worldMapContainer" class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
	<iframe id="worldMapFrame" src="https://uorenn.com/compendium/map/index.html?v=3" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>		<iframe id="worldMapFrame" src="https://uorenn.com/compendium/map/index.html?v=4" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
	</div>		</div>

Line 46:		Line 46:
	} else {		} else {
	var f = document.getElementById("worldMapFrame");		var f = document.getElementById("worldMapFrame");
	if (f) f.src = "https://uorenn.com/compendium/map/index.html?v=3&zoom=5&lon=1494&lat=2480&coords=1323,1624";		if (f) f.src = "https://uorenn.com/compendium/map/index.html?v=4&zoom=5&lon=1494&lat=2480&coords=1323,1624";
	}		}
	}		}
Line 89:		Line 89:
	if (q && q.length > 1) {		if (q && q.length > 1) {
	var sep = (q.indexOf("?") === 0) ? "" : "?";		var sep = (q.indexOf("?") === 0) ? "" : "?";
	f.src = "https://uorenn.com/compendium/map/index.html" + sep + q.replace(/^\?/, "") + "&v=3";		f.src = "https://uorenn.com/compendium/map/index.html" + sep + q.replace(/^\?/, "") + "&v=4";
	} else {		} else {
	f.src = "https://uorenn.com/compendium/map/index.html?v=3";		f.src = "https://uorenn.com/compendium/map/index.html?v=4";
	}		}
	}		}

Samorite: Remove database synchronization text per user request

2026-10-19T03:58:59Z

Remove database synchronization text per user request

← Older revision		Revision as of 03:58, 19 October 2026
Line 1:		Line 1:
	<div class="wiki-page-header" style="text-align: center; margin-bottom: 25px; padding: 25px; background: radial-gradient(circle, rgba(45, 32, 18, 0.95) 0%, rgba(18, 12, 6, 0.98) 100%); border: 1px solid rgba(212, 175, 55, 0.5); border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.7);">		<div class="wiki-page-header" style="text-align: center; margin-bottom: 25px; padding: 25px; background: radial-gradient(circle, rgba(45, 32, 18, 0.95) 0%, rgba(18, 12, 6, 0.98) 100%); border: 1px solid rgba(212, 175, 55, 0.5); border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.7);">
	<div style="font-family: 'Cinzel', serif; font-size: 2.4rem; font-weight: bold; color: #ffd700; text-shadow: 2px 2px 4px #000000; letter-spacing: 2px;">THE WORLD MAP OF BRITANNIA</div>		<div style="font-family: 'Cinzel', serif; font-size: 2.4rem; font-weight: bold; color: #ffd700; text-shadow: 2px 2px 4px #000000; letter-spacing: 2px;">THE WORLD MAP OF BRITANNIA</div>
	<div style="font-family: 'Cardo', serif; font-size: 1.15rem; color: #d8caa7; font-style: italic; margin-top: 6px;">Interactive Cartography • ~~Live 24-Hour~~ House Tracker • Geographic Atlas of Sosaria</div>		<div style="font-family: 'Cardo', serif; font-size: 1.15rem; color: #d8caa7; font-style: italic; margin-top: 6px;">Interactive Cartography • Player House & Vendor Tracker • Geographic Atlas of Sosaria</div>

	<div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px;">		<div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px;">
Line 8:		Line 8:
	<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">⚔️ 9 Classic Dungeons</span>		<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">⚔️ 9 Classic Dungeons</span>
	<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">🧭 In-Game Sextant Converter</span>		<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">🧭 In-Game Sextant Converter</span>
	<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(46, 125, 50, 0.25); border: 1px solid #4caf50; border-radius: 20px; color: #81c784; font-size: 0.88rem; font-weight: bold;">~~🔄 Daily 24h Database Sync~~</span>		<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(46, 125, 50, 0.25); border: 1px solid #4caf50; border-radius: 20px; color: #81c784; font-size: 0.88rem; font-weight: bold;">🏠 Active House Tracking</span>
	</div>		</div>
	</div>		</div>
Line 98:		Line 98:
	</html>		</html>

	== ~~Live 24-Hour Database Synchronization~~ ==		== Player Houses & Structures ==
	The UO:Renaissance World Map is powered by an automated pipeline that queries the live shard database (<code>LiveServer.myrunuo_houses</code> and <code>myrunuo_vendors</code>) every 24 hours. When players place, remodel, transfer, or demolish homes in-game, the changes are automatically reflected on this map during the daily synchronization cycle.

	{\| class="wikitable" style="width: 100%; border: 1px solid rgba(212, 175, 55, 0.4); background: rgba(14, 11, 7, 0.9); border-collapse: collapse; margin-top: 15px;"		{\| class="wikitable" style="width: 100%; border: 1px solid rgba(212, 175, 55, 0.4); background: rgba(14, 11, 7, 0.9); border-collapse: collapse; margin-top: 15px;"

Samorite: Update World Map with seamless in-place controls: World Map

2026-10-19T02:37:12Z

Update World Map with seamless in-place controls: World Map

← Older revision		Revision as of 02:37, 19 October 2026
Line 15:		Line 15:
	<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 6px;">		<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 6px;">
	<div style="color: #d8caa7; font-size: 0.95rem;">		<div style="color: #d8caa7; font-size: 0.95rem;">
	<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • ~~Click +~~ / ~~−~~ buttons to zoom • Click marker for tooltip • Layer switcher in top right		<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • Scroll wheel / buttons to zoom • Click marker for tooltip • Layer switcher in top right
	</div>		</div>
	<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">		<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">
Line 27:		Line 27:

	<div id="worldMapContainer" class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">		<div id="worldMapContainer" class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
	<iframe id="worldMapFrame" src="https://uorenn.com/compendium/map/index.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>		<iframe id="worldMapFrame" src="https://uorenn.com/compendium/map/index.html?v=3" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
	</div>		</div>

Line 46:		Line 46:
	} else {		} else {
	var f = document.getElementById("worldMapFrame");		var f = document.getElementById("worldMapFrame");
	if (f) f.src = "https://uorenn.com/compendium/map/index.html?zoom=5&lon=1494&lat=2480&coords=1323,1624";		if (f) f.src = "https://uorenn.com/compendium/map/index.html?v=3&zoom=5&lon=1494&lat=2480&coords=1323,1624";
	}		}
	}		}
Line 85:		Line 85:
	(function() {		(function() {
	var q = window.location.search;		var q = window.location.search;
	if (q && q.length > 1) {		var f = document.getElementById("worldMapFrame");
	var f = ~~document~~.~~getElementById~~("~~worldMapFrame~~");		if (f) {
	~~if (f)~~ {		if (q && q.length > 1) {
	f.src = "https://uorenn.com/compendium/map/index.html" ~~+ q~~;		var sep = (q.indexOf("?") === 0) ? "" : "?";
			f.src = "https://uorenn.com/compendium/map/index.html" + sep + q.replace(/^\?/, "") + "&v=3";
			} else {
			f.src = "https://uorenn.com/compendium/map/index.html?v=3";
	}		}
	}		}

Samorite: Update World Map with seamless in-place controls: World Map

2026-10-18T19:10:24Z

Update World Map with seamless in-place controls: World Map

← Older revision		Revision as of 19:10, 18 October 2026
Line 15:		Line 15:
	<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 6px;">		<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 6px;">
	<div style="color: #d8caa7; font-size: 0.95rem;">		<div style="color: #d8caa7; font-size: 0.95rem;">
	<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • ~~Scroll wheel~~ / buttons to zoom • Click marker for tooltip • Layer switcher in top right		<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • Click + / − buttons to zoom • Click marker for tooltip • Layer switcher in top right
	</div>		</div>
	<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">		<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">

Samorite: Update World Map with seamless in-place controls: World Map

2026-10-18T18:47:10Z

Update World Map with seamless in-place controls: World Map

@@ Line 13: / Line 13: @@
 <html>
-<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.8); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 6px;">
+<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.85); border: 1px solid rgba(212, 175, 55, 0.35); border-radius: 6px;">
 <div style="color: #d8caa7; font-size: 0.95rem;">
-<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan &bull; Scroll wheel to zoom &bull; Click marker for tooltip &bull; Use layer switcher in top right
+<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan &bull; Scroll wheel / buttons to zoom &bull; Click marker for tooltip &bull; Layer switcher in top right
 </div>
-<div style="display: flex; gap: 10px; flex-wrap: wrap;">
+<div style="display: flex; gap: 8px; flex-wrap: wrap; align-items: center;">
-<a href="https://uorenn.com/compendium/map/index.html" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #000; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.5);">⛶ Open Fullscreen</a>
+<button onclick="wikiRecenterBritain(); return false;" style="display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.6); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; cursor: pointer; transition: all 0.2s ease;">👑 Recenter on Britain</button>
-<a href="https://uorenn.com/compendium/map/index.html?zoom=5&lon=1494&lat=2480&coords=1323,1624" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">👑 Recenter on Britain</a>
+<button onclick="wikiResetWorld(); return false;" style="display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.6); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; cursor: pointer; transition: all 0.2s ease;">🌍 Full World View</button>
-<a href="/wiki/index.php/The_World" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">📖 The World Guide</a>
+<button onclick="wikiHouseView(); return false;" style="display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.6); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; cursor: pointer; transition: all 0.2s ease;">🏠 House View</button>
 </div>
 </div>
-<div class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
+<div id="worldMapContainer" class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
-<iframe src="https://uorenn.com/compendium/map/index.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
+<iframe id="worldMapFrame" src="https://uorenn.com/compendium/map/index.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
 </div>
 </html>

Samorite: Deploy World Map and update navigation: World Map

2026-10-18T17:49:26Z

Deploy World Map and update navigation: World Map

← Older revision		Revision as of 17:49, 18 October 2026
Line 12:		Line 12:
	</div>		</div>

			<html>
	<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.8); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 6px;">		<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.8); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 6px;">
	<div style="color: #d8caa7; font-size: 0.95rem;">		<div style="color: #d8caa7; font-size: 0.95rem;">
	<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • Scroll wheel to zoom • Click marker for tooltip • Use layer switcher in top right		<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • Scroll wheel to zoom • Click marker for tooltip • Use layer switcher in top right
	</div>		</div>
	<div style="display: flex; gap: 10px; flex-wrap: wrap;">		<div style="display: flex; gap: 10px; flex-wrap: wrap;">
	~~<html>~~<a href="https://uorenn.com/compendium/map/index.html" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #000; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.5);">⛶ Open Fullscreen</a~~></html~~>		<a href="https://uorenn.com/compendium/map/index.html" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #000; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.5);">⛶ Open Fullscreen</a>
	~~<html>~~<a href="https://uorenn.com/compendium/map/index.html?zoom=5&lon=1494&lat=2480&coords=1323,1624" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">👑 Recenter on Britain</a~~></html~~>		<a href="https://uorenn.com/compendium/map/index.html?zoom=5&lon=1494&lat=2480&coords=1323,1624" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">👑 Recenter on Britain</a>
	~~<html>~~<a href="/wiki/index.php/The_World" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">📖 The World Guide</a~~></html~~>		<a href="/wiki/index.php/The_World" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">📖 The World Guide</a>
	</div>		</div>
	</div>		</div>

	<div class="interactive-map-container" style="position: relative; width: 100%; height: ~~820px~~; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">		<div class="interactive-map-container" style="position: relative; width: 100%; height: 850px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
	~~<html~~>		<iframe src="https://uorenn.com/compendium/map/index.html" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
	<iframe src="https://uorenn.com/compendium/map/index.html" style="width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>		</div>
	</html>		</html>
	~~</div>~~

	== Live 24-Hour Database Synchronization ==		== Live 24-Hour Database Synchronization ==

Samorite: Deploy World Map and update navigation: World Map

2026-10-18T17:38:08Z

Deploy World Map and update navigation: World Map

New page

<div class="wiki-page-header" style="text-align: center; margin-bottom: 25px; padding: 25px; background: radial-gradient(circle, rgba(45, 32, 18, 0.95) 0%, rgba(18, 12, 6, 0.98) 100%); border: 1px solid rgba(212, 175, 55, 0.5); border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.7);">
<div style="font-family: 'Cinzel', serif; font-size: 2.4rem; font-weight: bold; color: #ffd700; text-shadow: 2px 2px 4px #000000; letter-spacing: 2px;">THE WORLD MAP OF BRITANNIA</div>
<div style="font-family: 'Cardo', serif; font-size: 1.15rem; color: #d8caa7; font-style: italic; margin-top: 6px;">Interactive Cartography • Live 24-Hour House Tracker • Geographic Atlas of Sosaria</div>

<div style="display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px;">
<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">🏰 2,240+ Player Houses</span>
<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">🏛️ 14 Major Settlements</span>
<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">⚔️ 9 Classic Dungeons</span>
<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); border-radius: 20px; color: #ffd700; font-size: 0.88rem; font-weight: bold;">🧭 In-Game Sextant Converter</span>
<span style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(46, 125, 50, 0.25); border: 1px solid #4caf50; border-radius: 20px; color: #81c784; font-size: 0.88rem; font-weight: bold;">🔄 Daily 24h Database Sync</span>
</div>
</div>

<div style="display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding: 12px 18px; background: rgba(20, 15, 10, 0.8); border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 6px;">
<div style="color: #d8caa7; font-size: 0.95rem;">
<strong style="color: #ffd700;">Navigation Controls:</strong> Drag to pan • Scroll wheel to zoom • Click marker for tooltip • Use layer switcher in top right
</div>
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
<html><a href="https://uorenn.com/compendium/map/index.html" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #000; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none; box-shadow: 0 2px 6px rgba(0,0,0,0.5);">⛶ Open Fullscreen</a></html>
<html><a href="https://uorenn.com/compendium/map/index.html?zoom=5&lon=1494&lat=2480&coords=1323,1624" target="_blank" rel="noopener noreferrer" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">👑 Recenter on Britain</a></html>
<html><a href="/wiki/index.php/The_World" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: rgba(212, 175, 55, 0.2); border: 1px solid rgba(212, 175, 55, 0.5); color: #ffd700; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border-radius: 4px; text-decoration: none;">📖 The World Guide</a></html>
</div>
</div>

<div class="interactive-map-container" style="position: relative; width: 100%; height: 820px; border: 2px solid rgba(212, 175, 55, 0.5); border-radius: 8px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.85); background: #000; margin-bottom: 25px;">
<html>
<iframe src="https://uorenn.com/compendium/map/index.html" style="width: 100%; height: 100%; border: none; display: block;" allowfullscreen loading="lazy"></iframe>
</html>
</div>

== Live 24-Hour Database Synchronization ==
The UO:Renaissance World Map is powered by an automated pipeline that queries the live shard database (<code>LiveServer.myrunuo_houses</code> and <code>myrunuo_vendors</code>) every 24 hours. When players place, remodel, transfer, or demolish homes in-game, the changes are automatically reflected on this map during the daily synchronization cycle.

{| class="wikitable" style="width: 100%; border: 1px solid rgba(212, 175, 55, 0.4); background: rgba(14, 11, 7, 0.9); border-collapse: collapse; margin-top: 15px;"
|- style="background: linear-gradient(180deg, rgba(45, 32, 18, 0.95) 0%, rgba(24, 18, 10, 0.95) 100%); color: #ffd700; text-align: left;"
! style="width: 25%; padding: 10px;" | Structure Category
! style="width: 15%; padding: 10px;" | Active Count
! style="width: 40%; padding: 10px;" | Included Models & Designations
! style="width: 20%; padding: 10px;" | Map Marker
|-
| <b style="color: #ffd700;">Towers & Keeps</b> || 940+ || Small Towers, Classic 3-Story Towers, Keeps, Large Keeps, Fortresses, Grand Castles || <html><span style="color: #ffd700; font-weight: bold;">🏰 Blue/Gold Icons</span></html>
|-
| <b style="color: #ffd700;">Estates & Villas</b> || 220+ || Classic 2-Story Villas, Two-Story Wood & Plaster, Large Houses || <html><span style="color: #81c784; font-weight: bold;">🏡 Green Icons</span></html>
|-
| <b style="color: #ffd700;">Patio Houses</b> || 210+ || Sandstone Patio Houses, Classic Wooden Patios, Large Marble Patios || <html><span style="color: #e0e0e0; font-weight: bold;">🏛️ Marble/Sandstone</span></html>
|-
| <b style="color: #ffd700;">Commercial Shops</b> || 260+ || Marble Workshop & Residence, Stone Workshop & Residence || <html><span style="color: #64b5f6; font-weight: bold;">⚒️ Shop Icons</span></html>
|-
| <b style="color: #ffd700;">Cabins & Cottages</b> || 310+ || Log Cabins, Field Stone Cottages, Thatched Roof Cottages, Small Plasters || <html><span style="color: #ffb74d; font-weight: bold;">🪵 Cabin/Wood</span></html>
|-
| <b style="color: #ffd700;">Player Vendors</b> || Live Query || Active player merchant vendors located on home steps and public storefronts || <html><span style="color: #e91e63; font-weight: bold;">🛍️ Vendor Icons</span></html>
|}

== Interactive Features & Sextant Conversion ==
* '''Coordinate System:''' Coordinates correspond 1:1 with standard Ultima Online / UOAM coordinates. Britannia spans 5,120 tiles in width by 4,096 tiles in height.
* '''Lord British's Throne:''' The celestial prime meridian of Sosaria is centered directly upon Lord British's throne at <code>1323, 1624</code> (0° 0'N, 0° 0'E).
* '''Sextant Converter:''' The left tool panel contains a built-in sextant coordinate converter. Select the degree, minute, and cardinal direction (North/South and East/West) read from your in-game sextant, then click '''Add Point''' to mark the exact location on the world map.
* '''Sharable Permalinks:''' As you pan, zoom, and select coordinates, the permalink box generates a direct URL that you can share with guildmates or in forum threads.
* '''Layer Controls:''' Click the layer switcher in the top right corner of the map to toggle visibility for:
** '''Houses:''' Toggle all 2,240+ player residences and vendors.
** '''Cities:''' Major township markers, banks, docks, and moongate hubs.
** '''Dungeons:''' Entrances to all 9 classic dungeons with their corresponding Words of Power.
** '''Shrines:''' The 8 Shrines of Virtue and the Shrine of Chaos, complete with sacred mantras.
** '''Moongates & Cemeteries:''' All celestial public gate transit terminals and regional burial grounds.
** '''Points of Interest & Lore:''' Ancient ruins, arenas, lighthouses, secret islands, and historical landmarks.

== Related Britannia Guides ==
* [[The World]] — Comprehensive regional lore, settlement details, dungeon perils, and points of interest.
* [[Housing System]] — House placement rules, deed costs, secure storage lockdowns, and maintenance.
* [[Starting Towns]] — New player guides, bank locations, and starter vendor hubs.

[[Category:The World]]
[[Category:World]]
[[Category:Housing]]
[[Category:Guides]]