InfoWindow headerContent renders html as string

[mikechalmers]

When using InfoWindow, rendering html as content seems work just fine, but the headerContent - which also allows html - renders the same html as a string:

const InfoWindowOptions = {
  content: '<h1>InfoWindow</h1>',
  headerContent: '<h1>Header</h1>',
};

[HusamElbashir]

Looks like there is a slight difference in the way content and headerContent behave. If you refer to the docs:

• content: Content to display in the InfoWindow. This can be an HTML element, a plain-text string, or a string containing HTML.
• headerContent: The content to display in the InfoWindow header row. This can be an HTML element, or a string of plain text.

The difference being that content can take a string containing HTML but headerContent cannot. You're going to have to use an actual HTML element here:

const header = document.createElement('h1')
header.textContent = 'Header'

const InfoWindowOptions = {
  headerContent: header,
};

[mikechalmers]

You're totally right, that worked like a charm. Thank you for your speedy, helpful answer.