feat(google-maps): allow map to be styled natively instead of through inputs

[markgoho]

Feature Description

Currently, the google-map object takes a height and width input which are then coerced to px values. This appears to break whenever a value is provided that isn't a css length unit.

Use Case

I'd like to set the height of the google to be calc(100vh - var(--header-height)). Unfortunately, because the api is designed to use these inputs as inline styles I'm forced to use !important to override the default 500px values. For example, if I use css in the global scope:

.map-container {
  height: calc(100vh - var(--header-height));
  width: 100%;
}

what you end up with is:

and

Solution

Remove the inputs and allow folks to style the map natively using css.

[crisbeto]

In retrospect, we should've probably left the sizing completely to CSS, rather than having inputs for it. Allowing the width and height to be null might be a good compromise.

[crisbeto]

Closing since the related PR (#19790) went in already, but I didn't mark it correctly so it didn't auto-close the issue.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}