All projects · UI Components & Interactions
MapEmbed — Contact Us Location Embed
An interactive Contact Us experience integrating Google Maps via an embed iframe with multi-office location switching, custom location search,…
An interactive Contact Us experience integrating Google Maps via an embed iframe with multi-office location switching, custom location search, live timezone clocks, and a built-in embed documentation guide.
- Conforms directly to official Google Maps embed documentation with responsive iframe integration
- Default location pins Eiffel Tower (Paris HQ) with verified rating and address matching design spec
- Instant location switcher between 5 global studios plus dynamic custom search query support
- Live local clock synchronized to each location's IANA timezone and real-time business hour checker
- Interactive documentation clue drawer with live iframe code generator and one-click copy
Built with: HTML, CSS, Vanilla JavaScript, Google Maps Embed API, Responsive iframe, Google Fonts (Sora, Outfit, JetBrains Mono)