How to use infobox instead of infowindow

[youfacepalm]

Hello, thanks for the awesome library! Is there any documented resource that explains the usage of infobox with this library? I could not find it in the official docs on your website. Thanks!

[Danscho]

To get a InfoBox add a boxClass property to your window options object.

    windowOptions:{
        boxClass: "YOUR CSS CLASS",
        boxStyle: { "YOUR STYLE" }
    }

HTML:

<ui-gmap-google-map>
<ui-gmap-window options="windowOptions"></ui-gmap-window>
</ui-gmap-google-map>

Angular-google-maps wraps the infobox. So you can use all options from the official InfoBox source here

Edit: Added fiddle

[youfacepalm]

Thank you very much for saving my day. It would be nice if this is included in the official docs

[nmccready]

@youfacepalm if you'd like to contribute feel free to PR what you have learned to the website branch.

[ivnaru]

I can't make it work with angular-google-maps 2.2.1... even when I try the fiddle above with that version it doesn't work. Is there another way to do it?

[Danscho]

Updated fiddle using v2.1.5 (google maps was not loaded because I didn't use https -> fixed link)

Working fiddle using v2.2.1
Don't forget to add nmccready's angular-simple-logger

Fiddle for v2.3.2

[ivnaru]

It works, Thanks!!