Vibemap Developer Documentation
Welcome to the Vibemap developer documentation. This site provides comprehensive guides and references for integrating Vibemap embeds into your applications.
Quick Links
- Embed Overview - Learn about available embed types
- Map-Grid Embed - Full-featured map with grid view toggle
- Carousel Embed - Horizontally scrollable cards
- Grid Embed - Filterable grid layout
What is Vibemap?
Vibemap is a platform for discovering places and events based on their vibe. Our embeddable components allow you to integrate Vibemap's discovery experience into your own website or application.
Embed Types
| Embed | Description | Best For |
|---|---|---|
| Map-Grid | Combined map and grid views with toggle | Full-featured place/event discovery |
| Carousel | Horizontal scrolling cards | Featured content showcase |
| Grid | Filterable grid layout | Content browsing and filtering |
Basic Integration
All Vibemap embeds can be integrated via iframe:
<iframe
src="https://vibemap.com/embed/map-grid?slug=austin"
width="100%"
height="600"
frameborder="0"
style="border: none;"
></iframe>
Or using our loader script for automatic resizing:
<div id="vibemap-embed"></div>
<script
src="https://web.vibemap.com/load.js"
data-iframe-el="vibemap-embed"
data-resize="true"
data-url="https://web.vibemap.com/embed/map-grid?slug=austin"
></script>