World Map: Difference between revisions

From UO Renaissance Wiki
Jump to navigation Jump to search
← Older editNewer edit →

Samorite (talk | contribs)

3 user groups
11 edits
VisualWikitext
Deploy World Map and update navigation: World Map
Update World Map with seamless in-place controls: World Map
Line 13: Line 13:


<html>
<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;">
<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>
<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>
<button onclick="wikiToggleFullscreen(); return false;" style="display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: linear-gradient(180deg, #d4af37 0%, #aa820a 100%); color: #000; font-family: 'Cinzel', serif; font-weight: bold; font-size: 0.85rem; border: none; border-radius: 4px; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.5);">⛶ Toggle Fullscreen</button>
<a href="/wiki/index.php/The_World" style="display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; background: rgba(212, 175, 55, 0.15); border: 1px solid rgba(212, 175, 55, 0.4); 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: 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>
</div>
<script>
function getMapWin() {
    var f = document.getElementById("worldMapFrame");
    try {
        return f ? (f.contentWindow || f.contentDocument) : null;
    } catch(e) {
        return null;
    }
}
function wikiRecenterBritain() {
    var mw = getMapWin();
    if (mw && typeof mw.jumpToCoords === "function") {
        mw.jumpToCoords(1494, 2480, 5, "1323,1624");
    } else {
        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";
    }
}
function wikiResetWorld() {
    var mw = getMapWin();
    if (mw && typeof mw.resetMapView === "function") {
        mw.resetMapView();
    }
}
function wikiHouseView() {
    var mw = getMapWin();
    if (mw && typeof mw.mapZoomToHouses === "function") {
        mw.mapZoomToHouses();
    }
}
function wikiToggleFullscreen() {
    var container = document.getElementById("worldMapContainer");
    if (!container) return;
    if (!document.fullscreenElement && !document.webkitFullscreenElement) {
        if (container.requestFullscreen) {
            container.requestFullscreen();
        } else if (container.webkitRequestFullscreen) {
            container.webkitRequestFullscreen();
        }
    } else {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
    }
}
// Pass any query params from the wiki URL to the iframe on load
(function() {
    var q = window.location.search;
    if (q && q.length > 1) {
        var f = document.getElementById("worldMapFrame");
        if (f) {
            f.src = "https://uorenn.com/compendium/map/index.html" + q;
        }
    }
})();
</script>
</html>
</html>


Revision as of 18:47, 18 October 2026

THE WORLD MAP OF BRITANNIA
Interactive Cartography • Live 24-Hour House Tracker • Geographic Atlas of Sosaria

🏰 2,240+ Player Houses 🏛️ 14 Major Settlements ⚔️ 9 Classic Dungeons 🧭 In-Game Sextant Converter 🔄 Daily 24h Database Sync

Navigation Controls: Drag to pan • Scroll wheel / buttons to zoom • Click marker for tooltip • Layer switcher in top right
📖 The World Guide

Live 24-Hour Database Synchronization

The UO:Renaissance World Map is powered by an automated pipeline that queries the live shard database (LiveServer.myrunuo_houses and myrunuo_vendors) 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.

Structure Category Active Count Included Models & Designations Map Marker
Towers & Keeps 940+ Small Towers, Classic 3-Story Towers, Keeps, Large Keeps, Fortresses, Grand Castles 🏰 Blue/Gold Icons
Estates & Villas 220+ Classic 2-Story Villas, Two-Story Wood & Plaster, Large Houses 🏡 Green Icons
Patio Houses 210+ Sandstone Patio Houses, Classic Wooden Patios, Large Marble Patios 🏛️ Marble/Sandstone
Commercial Shops 260+ Marble Workshop & Residence, Stone Workshop & Residence ⚒️ Shop Icons
Cabins & Cottages 310+ Log Cabins, Field Stone Cottages, Thatched Roof Cottages, Small Plasters 🪵 Cabin/Wood
Player Vendors Live Query Active player merchant vendors located on home steps and public storefronts 🛍️ Vendor Icons

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 1323, 1624 (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.
  • 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.
Retrieved from "https://uorenn.com/wiki/index.php?title=World_Map&oldid=410"