📝 Setup Instructions:

1. Get API Key:

• Go to Google Cloud Console
• Create a new project or select existing one
• Enable “Maps JavaScript API”
• Go to Credentials → Create Credentials → API Key
• Copy the API key and paste it above

2. Important Notes:

• Free tier includes $200 monthly credit
• Restrict your API key to prevent unauthorized use
• Enable billing for production use

3. Features Demonstrated:

• ✅ Basic map initialization
• ✅ Custom markers with info windows
• ✅ Geocoding (address search)
• ✅ Navigation to coordinates
• ✅ Drawing circles
• ✅ Traffic layer
• ✅ Click to add markers

4. Sample Code:

// Initialize map
const map = new google.maps.Map(element, {
  center: { lat: 31.0409, lng: 30.4735 },
  zoom: 12
});

// Add marker
const marker = new google.maps.Marker({
  position: { lat: 31.0409, lng: 30.4735 },
  map: map,
  title: 'My Location'
});