Skip to main content

Dynamic Markers

Core Components
View Docs

Test dynamic marker loading after map initialization

markerdynamicreactivityasyncloading

Demo

Dynamic Marker Loading Test

Markers loaded: 0 / 8

Load operations: 0

First marker will auto-load in 2 seconds...

Dynamic Markers Demo - San Francisco. Interactive map centered at 37.78 degrees N, 122.41 degrees W at zoom level 13. Use keyboard to navigate.

Loaded Markers

No markers loaded yet

Testing Dynamic Marker Reactivity

This demo tests that markers appear immediately when added after the map has loaded.

  • The first marker auto-loads 2 seconds after the map loads
  • Click "Load 2 More Markers" to add markers dynamically
  • Markers should appear immediately without any page refresh
  • Click markers to show popups

Usage

import { Dynamic Markers } from '@classic-homes/maps-svelte';
// or for React:
import { Dynamic Markers } from '@classic-homes/maps-react';

Related Components