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:
- Initially, a placeholder overlay is shown with a map icon and "Load interactive map" message
- The customer clicks the "Load map" button
- The map iframe loads from the
/project/{id}/map-embedendpoint - 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
| Feature | Description |
|---|---|
| Property pin | Marker showing the exact property location (from lat/lng coordinates) |
| Parcel polygon | SPI-based parcel boundary drawn as a polygon overlay |
| Zoom controls | Standard zoom in/out controls |
| Popup | Information popup on the property marker |
| Fullscreen | The map iframe supports fullscreen mode |
How Coordinates Are Resolved
The map resolves location data using this fallback chain:
- Explicit
lat/lngquery parameters - Project's stored coordinates (
project.lat,project.lng) - Address-based geocoding
For the parcel polygon:
- The SPI is sent to the Vicplan geocoder
- The geocoder returns parcel geometry (polygon rings)
- The polygon is rendered on the map in coordinate system EPSG:4326
Address Resolution
The map uses this address fallback chain for display:
project.knownAddressproject.lotAddressproject.eziAddressproject.address(string form)- Composed address from street number, street name, suburb, state, postcode