Skip to content

Property Photo Integration — Images, blueprints, floor plans #2

@GareBear99

Description

@GareBear99

Overview

Integrate property photos, blueprints, and floor plans into listing cards and detail views.

Current State

  • All source listings have images: [] — municipal assessment APIs don't provide photos
  • Listing cards currently show GPS map tile thumbnails (which is a good fallback)
  • The thumbnail system already has image-first priority: real photos → map tile → styled placeholder

Scope

  • Research photo sources: Google Street View API, MLS photo feeds, satellite imagery
  • Integrate property photo URLs into the source data schema
  • Gallery view in listing detail modal (carousel or grid)
  • Blueprint/floor plan display when available
  • Image lazy loading and error fallback handling

Technical Notes

  • listingThumbnailHtml() in gps-fallback-map.js already checks for images[0] first
  • Need to ensure photo URLs are XSS-safe (already handled via _safeAttr())
  • Consider thumbnail caching strategy for performance

Acceptance Criteria

  • At least one photo source integrated for BC listings
  • Photo carousel in detail modal
  • Graceful fallback to map tiles when photos unavailable
  • No increase in initial page load time

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions