[APM] Service Maps: Navigating from the global map to the local map

[sorenlouv]

This issue contains a couple of enhancements and bugs that occur when focusing on a service aka navigating from the global service map to the local (service specific) service map:

• Sometimes a service that had connections on the global map, shows up without any connections in the local map. Expected outcome is that the same connections that were displayed on the global map are also displayed on the local map.
• Navigating from global to local service map should cause the page to be re-centered on the selected service. Currently the selected service is in the top-left corner

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)

[formgeist]

if there are no connections on the local map there should be a help text saying so, and potentially a link back to the global service map (@formgeist design?)

I did a screen example of how we might display a callout at the top of the map to help the user and link to the documentation. Perhaps, if they've navigated to the single service map from a global map, we can additionally have a "Back to full map" option.

[sorenlouv]

@formgeist Awesome! I've updated the description with your design 👍

[formgeist]

Before I open a new implementation issue for this, I thought I'd propose a new link to the global map from any single service map, so the user always have a way to go to the full map. Not entirely sure about the copy here...

Thoughts?

[dgieselaar]

@formgeist love it!

[sorenlouv]

Awesome, thanks @formgeist. I moved two of the items to separate issues: #59326 + #59325