Examples

Examples Maps

Map Examples

Google Maps integration with @fawmi/vue-google-maps.

Location Map

Theme: system

Map styling automatically matches your current theme and color mode

Loading map...

Locations

Radius Overlay

Route Path

Usage

To use Google Maps, add your API key to .env:

NUXT_PUBLIC_GOOGLE_MAPS_KEY=your_api_key_here

Then use the components in your templates: 

<GMapMap :center="center" :zoom="10">
  <GMapMarker :position="center" />
</GMapMap>