The sovereign geographic interface framework. Atlas translates multi-dimensional smart-contract properties and real-world asset coordinates into elegant, responsive, and interactive 3D browser maps.
Render global assets, properties, energy distribution, and mesh connectivity in real-time on a high-fidelity vector-based spherical overlay.
Toggle contextual data channels instantly: property borders, real-time power production, mesh packet signals, and regional sovereignty metrics.
Out-of-the-box support for premium dark-mode vectors, customized typography, and ambient pulsing highlights that blend perfectly with custom layouts.
Programmatic camera controllers smoothly pan, tilt, zoom, and rotate to track high-value physical assets as live sensor state alterations occur.
import React from 'react';
import { SovereignMap } from '@promethean/atlas-ui';
export default function GeospatialCockpit() {
const handleNodeClick = (assetId: string) => {
console.log(`Displaying detailed telemetry for asset: ${assetId}`);
};
return (
<div className="w-full h-[500px] border border-white/5 rounded-lg overflow-hidden">
<SovereignMap
theme="cinematic-dark"
center={{ lat: 30.3322, lng: -81.6557 }}
zoom={14}
tilt={45}
heading={90}
showPulseNetwork={true}
enableInteractiveBubbles={true}
onSelectNode={handleNodeClick}
/>
</div>
);
}