Components advanced

Map

Embedded Google Maps for displaying locations. Use an address or latitude/longitude coordinates.

Aggiornato Feb 19, 2026

Map

Embedded Google Maps for displaying locations. Use an address or latitude/longitude coordinates.

Use Cases

  • Contact page location display
  • Store/office locator
  • Event venue location
  • Property/real estate listings
  • Delivery tracking destination

Properties

address

Street address (will be geocoded). Takes precedence over lat/lng if both provided. Type: string.

latitude

Latitude coordinate (use with longitude). Type: number.

longitude

Longitude coordinate (use with latitude). Type: number.

zoom

Zoom level 1-20 (1=world, 10=city, 15=street, 20=building). Type: number. Default: 12

height

Map height. Type: string. Options: 200px, 300px, 400px, 500px, 600px. Default: 400px

mapType

Map display type. Type: string. Options: roadmap, satellite, hybrid, terrain. Default: roadmap

dataBinding

Data binding for dynamic address/coordinates from data source. Type: object.

Best Practices

  • Use address for human-readable locations (auto-geocoded)
  • Use lat/lng for precise coordinates when address lookup might be ambiguous
  • Set appropriate zoom level (10-12 for cities, 15-17 for buildings)
  • Use 'roadmap' for most cases, 'satellite' for outdoor/real estate

Tag

map advanced contact page store/office locator event venue

Componenti correlati

Pronto a costruire?

Inizia a creare la tua app gratuitamente con Qödiak.

Inizia gratis