ClientManagerBlazor · How To · extracted from source, not guessed

Distance, Directions & Map

A small teal diamond icon sits next to most address fields in ClientManager. It answers one question — "how far is this from our office, and how do I get there?" — without ever leaving the page until you actually want to.

How it works

The icon only appears when there's something to route to

It needs two addresses to work with: your own office address (set once, under Site Settings → Site Info) and the address on the record you're viewing. If either one is blank, the icon simply doesn't render — no broken link, no error, it's just quietly absent.

Worth knowing: if a record's address happens to exactly match your own office address (an internal project based at your own building, for example), the icon also stays hidden. Google's own directions view can outright fail on a "from X to X" request rather than showing a trivial "you're already here" result, so this case is suppressed rather than surfaced as a broken link.

Click it — a popover shows distance and drive time first

Clicking the icon doesn't jump straight to Google Maps. It opens a small popover right under the icon showing the driving distance and estimated time from your office (e.g. "198 km · 2 hours 1 min"), fetched live the first time you open it. Click the icon again to close the popover.

Worth knowing: the distance/time comes from Google's Distance Matrix service and is fetched once per popover open, not cached ahead of time — so it's always a fresh number, not a stale estimate from whenever the address was last saved. Occasionally Google can't resolve a very incomplete address (city only, no state) and the popover shows "Distance unavailable" instead — the "Open in Google Maps" link below it still works in that case.

"Open in Google Maps" — the actual route, in a new tab

Inside the popover, an Open in Google Maps link opens Google's own hosted directions view in a new browser tab, already routed from your office to that record's address. This is a plain link to Google's own site — the actual map rendering, turn-by-turn route, and live traffic are entirely Google's, not something ClientManager draws itself.

Where it appears

Every place a field rep might actually drive to

The icon sits next to the Address field on each of these:

Lead Person / Contact Property Project (main Address) Project → Addresses tab (each address) Company / Organization (Primary Address) Company / Organization → Addresses tab (each address, including Vendors)

A Vendor is just an Organization with a Vendor Type set, so the Company/Organization coverage above already includes vendor addresses — there's no separate vendor-only version of this feature.

Not on Site Settings itself

Your own office address, under Site Settings, is the origin for every one of the icons above — it's the "from" side, never the "to" side. Adding the icon there would always compare the office address against itself, which is exactly the same-address case the icon is already built to hide. So it's left off there on purpose, not missing.