A Location-Intelligence Art Installation
ORTHO_LOCUS is an experimental kiosk that transforms real-time satellite imagery into high-fidelity architectural schematics. This project explores the intersection of location intelligence, generative AI, and architectural visualization.
Art Project for: Rick Dailey
Built by: Fladry Creative
Note: This is a private art installation. While the codebase is open and shareable for educational and reference purposes, ORTHO_LOCUS is not a public-facing product or service. It exists as a commissioned artwork and technical exploration.
ORTHO_LOCUS leverages:
- Google Maps Platform for satellite imagery and location data
- Gemini 3.0 Pro Vision for multimodal AI analysis and schematic generation
- React + TypeScript for the interactive kiosk interface
- Industrial design aesthetics inspired by technical instrumentation
The kiosk allows users to select coordinates on a map and generates precise, geometrically accurate planar drawings including blueprints, elevations, and axonometric views.
ORTHO_LOCUS now features Dual-Path Generation, allowing users to explore two distinct artistic interpretations of the same location, powered by Nano Banana Pro (gemini-3-pro-image-preview):
- PLANAR VIEW: A high-precision, technical architectural blueprint. This mode focuses on structure, infrastructure, and orthographic accuracy.
- PLEIN AIR: An artistic, impressionist masterpiece. This mode captures the "spirit of place," focusing on light, atmosphere, and the unique biome of the location.
Both modes are grounded in the actual geospatial data of the selected coordinates, ensuring that the generated artwork—whether technical or artistic—reflects the reality of the physical world.
- Frontend: React 19, TypeScript, Vite
- AI: Google Generative AI (Gemini 3.0 Pro)
- Maps: Google Maps JavaScript API
- Styling: Custom CSS with industrial/technical design system
- Node.js (v18 or higher recommended)
- Google Maps API key
- Google Gemini API key
- Clone the repository:
git clone <repository-url>
cd ORTHO_LOCUS- Install dependencies:
npm install- Create a
.envfile in the root directory:
VITE_GOOGLE_MAPS_API_KEY=your_maps_api_key_here
VITE_GEMINI_API_KEY=your_gemini_api_key_here- Start the development server:
npm run dev- Build for production:
npm run buildORTHO_LOCUS/
├── src/
│ ├── components/ # React components (MapTerminal, etc.)
│ ├── services/ # API integrations (Gemini, Maps)
│ ├── styles/ # CSS modules and design system
│ └── App.tsx # Main application component
├── public/ # Static assets
└── index.html # Entry point
npm run dev- Start development servernpm run build- Build for productionnpm run lint- Run ESLintnpm run preview- Preview production build
VITE_GOOGLE_MAPS_API_KEY- Google Maps JavaScript API keyVITE_GEMINI_API_KEY- Google Gemini API key
This code is provided as-is for reference and educational purposes. As a commissioned art project, please respect the creative intent and context of this work.
For inquiries about the artwork: rickfdailey.com
For technical inquiries: fladrycreative.com