First to Site
Customer Portal

Map & Location View

Interactive property map in the Customer Portal

Map & Location View

The Customer Portal project view includes an interactive map in the right sidebar showing the property location.

Map Display

The map appears in the sidebar under the heading "Location Map". It uses a lazy-load pattern:

  1. Initially, a placeholder overlay is shown with a map icon and "Load interactive map" message
  2. The customer clicks the "Load map" button
  3. The map iframe loads from the /project/{id}/map-embed endpoint
  4. The full interactive map renders with all layers

Map Technology

The map uses Leaflet (open-source JavaScript mapping library) with these layer sources:

  • MapShare — Victorian government mapping tiles
  • Esri — Additional mapping layers
  • Planning — Planning zone layers

Map Features

FeatureDescription
Property pinMarker showing the exact property location (from lat/lng coordinates)
Parcel polygonSPI-based parcel boundary drawn as a polygon overlay
Zoom controlsStandard zoom in/out controls
PopupInformation popup on the property marker
FullscreenThe map iframe supports fullscreen mode

How Coordinates Are Resolved

The map resolves location data using this fallback chain:

  1. Explicit lat/lng query parameters
  2. Project's stored coordinates (project.lat, project.lng)
  3. Address-based geocoding

For the parcel polygon:

  1. The SPI is sent to the Vicplan geocoder
  2. The geocoder returns parcel geometry (polygon rings)
  3. The polygon is rendered on the map in coordinate system EPSG:4326

Address Resolution

The map uses this address fallback chain for display:

  1. project.knownAddress
  2. project.lotAddress
  3. project.eziAddress
  4. project.address (string form)
  5. Composed address from street number, street name, suburb, state, postcode