Popup
Core ComponentsDisplay popups with custom content at map locations
popuptooltipinfooverlay
Demo
Popup Demo - SF Coffee Shops. Interactive map centered at 37.77 degrees N, 122.41 degrees W at zoom level 13. Use keyboard to navigate.
Popup Toggles
Selected Cafe
Click a coffee shop marker
Popup Stats
Total Cafes: 5
Active Popups: 2
Popup Features:
- Click coffee shop markers to show dynamic popups
- Toggle pre-positioned popups with checkboxes
- Anchor demo shows different popup positions relative to coordinate
- Rich content support: buttons, HTML, custom styles
- Configurable maxWidth, closeButton, and closeOnClick
Usage
import { Popup } from '@classic-homes/maps-svelte';
// or for React:
import { Popup } from '@classic-homes/maps-react';