• 🎯 Map Center: Automatically centered on the provided coordinates (latitude and longitude).
• 🔍 Zoom Control: You can configure the default zoom level, and optionally set minimum and maximum zoom levels to restrict how far users can zoom in or out.
• 🖼️ Custom Marker Icon: You can replace the default marker with your own custom image (e.g. your logo or a special icon).

• Each location on the map can have its own unique icon, useful for:
• Categorizing locations (e.g., store, office, warehouse)
• Visual differentiation (e.g., partner vs. branch)
• Branded experience (different logos, colors, etc.)

This map shows multiple markers for different locations across regions or countries. When many markers are close together, they are automatically grouped using clustering, improving readability and performance.

📍 Multiple Locations: Supports any number of locations (10, 100, or even 1000+).

• 🔗 Clustering: Group nearby markers into a single cluster bubble.
• 🧭 Auto-Zoom & Fit Bounds: Automatically centers and zooms to fit all clusters and markers in view.
• 🖼️ Custom Icons:
  • 🔁 Per Marker (optional)
  • 🌐 Global Icon for all markers (optional)
• 🎨 Map Theme: Select from:
  • lightmode – default clean look
  • darkmode – dark background
  • greyscale – desaturated map
  • colorblind – accessible contrast
• 🔐 Performance-Optimized: Efficient rendering with clustering improves load time and interaction on maps with many markers.

This map displays multiple locations across Switzerland, France, and Germany. A dropdown menu allows users to filter markers by country, so only the locations within the selected country are shown. Choosing “All” will display every location on the map.
 

✅ Features

• 📍 Multiple markers grouped by country
• 🌍 Filter by:
  • 🇨🇭 Switzerland
  • 🇫🇷 France
  • 🇩🇪 Germany
  • 🌐 All (shows all countries)
• 🖼️ Country-based marker icons (optional):
  • 🇨🇭 Switzerland → red icon
  • 🇩🇪 Germany → black icon
  • 🇫🇷 France → blue icon
• 🗺️ Auto-center and zoom when a country is selected
• 🎨 Yellow Map map style support: light mode, dark mode, greyscale, colorblind.
• ⚙️ Optional clustering support

This interactive map displays multiple locations. When a user clicks on a location marker, an info box (tooltip or popup) appears showing relevant details like the location name, address, or custom text.
 

• 📍 Clickable markers
• 💬 Shows info text (e.g., name, description, address)
• 🖼️ Supports HTML (links, images, etc.) in info box
• 🔄 Works with category or country filters