World Map: Difference between revisions
Jump to navigation
Jump to search
Update World Map with seamless in-place controls: World Map |
Bump map embed to v=4 for building popup styling fix |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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 • | <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;"> | <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 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 • | <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=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?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 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"); | ||
if (f) { | |||
if (q && q.length > 1) { | |||
f.src = "https://uorenn.com/compendium/map/index.html" | var sep = (q.indexOf("?") === 0) ? "" : "?"; | ||
f.src = "https://uorenn.com/compendium/map/index.html" + sep + q.replace(/^\?/, "") + "&v=4"; | |||
} else { | |||
f.src = "https://uorenn.com/compendium/map/index.html?v=4"; | |||
} | } | ||
} | } | ||
| Line 95: | Line 98: | ||
</html> | </html> | ||
== | == Player Houses & Structures == | ||
{| 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;" | ||
Latest revision as of 04:13, 19 October 2026
THE WORLD MAP OF BRITANNIA
Interactive Cartography • Player House & Vendor Tracker • Geographic Atlas of Sosaria
🏰 2,240+ Player Houses 🏛️ 14 Major Settlements ⚔️ 9 Classic Dungeons 🧭 In-Game Sextant Converter 🏠 Active House Tracking
Navigation Controls: Drag to pan • Scroll wheel / buttons to zoom • Click marker for tooltip • Layer switcher in top right
Player Houses & Structures
| 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.
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.