Overview

This project provides an interactive street-view style map of Altadena, specifically documenting the areas affected by the Eaton Fire. The map allows residents and community members to view street-level imagery captured starting January 12, 2024.

Purpose

This tool was specifically created to help evacuated residents:

• View their property remotely during evacuations
• Access high-resolution photos of their homes
• Easily locate properties through address search
• Share location-tagged photos with emergency services

Features

• Enhanced Map Interface

  • Interactive map with side-differentiated markers
  • Smart clustering for better performance
  • Color-coded markers based on street side
  • High-resolution zoom support (up to level 21)

• Intuitive Navigation

  • Address search with autocomplete
  • Intelligent marker placement
  • Click to view full-size images
  • Smooth transitions and animations

• Photo Viewing

  • High-quality photo display
  • One-click access to original resolution
  • Location coordinates displayed
  • Easy close/open controls

• Performance Optimizations

  • Progressive marker loading
  • Efficient clustering system
  • Optimized for large datasets
  • Smart coordinate validation

• Mobile Support

  • Responsive design for all devices
  • Touch-optimized controls
  • Adaptive layout
  • Performance-focused mobile view

• Accessibility

  • Keyboard navigation support
  • Screen reader compatible
  • High contrast mode support
  • ARIA labels throughout

Requirements

• Web server (any static hosting will work)
• Photo data in CSV format with columns:
  • Name: Photo identifier/address
  • Latitude: GPS latitude (must be within Altadena bounds)
  • Longitude: GPS longitude (must be within Altadena bounds)
  • Photo URL: Google Drive sharing URL (supports both /d/ and id= formats)

Setup

1. Prepare Your Photos

   - Upload photos to Google Drive
   - Set sharing permissions to "Anyone with the link can view"
   - Get the sharing URL for each photo (both /d/ and id= formats supported)
   

2. Create Data File

   - Create photo_data.csv
   - Add required columns: Name, Latitude, Longitude, Photo URL
   - Ensure coordinates are within Altadena bounds
   - Verify photo URLs are properly formatted
   

3. Deploy

   # Copy files to your web server
   cp index.html photo_data.csv /your/web/directory/

4. Access

   - Open in web browser
   - Photos will load with progress indication
   - Search or click markers to view
   

Technical Details

• Coordinate Bounds

  North: 34.2236
  South: 34.1677
  East: -118.0891
  West: -118.1741
  

• Supported URL Formats

  - https://drive.google.com/file/d/[FILE_ID]/view
  - https://drive.google.com/uc?export=view&id=[FILE_ID]
  

Privacy & Security

• No personal data stored
• Uses client-side processing only
• Photos served directly from Google Drive
• No tracking or analytics
• This map contains street-level imagery of public areas only. If you notice any privacy concerns, please contact us immediately at altadenarising@gmail.com.

Contributing

We welcome contributions! Please:

1. Fork the repository
2. Create a feature branch
3. Submit a pull request

License

This project is open source and available under the MIT License.

Support

For issues or questions:

1. Open an issue in this repository
2. Provide clear steps to reproduce any problems
3. Include browser and device information

Contact

• Email: altadenarising@gmail.com
• Website: Altadena Rising

Acknowledgments

Built with:

• Leaflet.js for mapping
• Google Drive for photo hosting
• OpenStreetMap for base maps
• CARTO for map tiles

---

Made with ❤️ for communities in need