Angular-google-maps: Support InfoBox (styled InfoWindow)

[jlcarvalho]

Provide a way to pass the Node element for easy customization.

[Dzivo]

+1 would like this feature

[Dzivo]

@jlcarvalho @SebastianM I have aded InfoBox Support i will be making pool request next week

[SebastianM]

@jlcarvalho @Dzivo sorry guys for the late answer. will review your stuff after rc.1 update. Thanks!

[brian-singer]

++++

[Sireini]

@Dzivo Can you show me how you used the infoBox library in angular2?

[Sireini]

Is this coming soon?

[SebastianM]

We should use infoBubble (https://github.com/googlemaps/js-info-bubble) for styling info windows. This should be also a new component: <sebm-google-map-info-bubble> because the official InfoWindow does not allow to style the container.

[Dzivo]

It was pretty easy to add support for infobox. As soon as i get some free time from projects i will make a pull request here is what i got.

[Sireini]

If you could do it asap it will be great

[pearljamik]

Is this feature already supported ?

[hameltomor]

+1 would like this feature

[dmytrous]

+1 it would be great

[vinodhvikky]

Hi Sebastian,
Any idea when we can use this feature?

Thanks

[Jonatthu]

Any news?

[anthonypinskey]

@Dzivo Could you provide an example of how you were able to interpolate the template content for the content property for the options object for InfoBox? Are you still planning to push a pull request too?

Any insight would be much appreciated!

[efstathiosntonas]

@Dzivo can you please share on how to style the info box?

@SebastianM any news on this feature?

[coolsquale]

For those that it interest, here is a work around that I found to customize the infowindow box size using the css.
div[style^="cursor"] {
width: 240px !important;
}
div[style^="display"] {
width: 240px !important;
}
div[style^="cursor"] > div > div[style^="position"] {
width: 240px !important;
}
.gm-style-iw {
width: 240px !important;
top: 15px !important;
left: 0px !important;
}

and then using that you can stylize whathever you want to put in the sebm-google-map-info-window accordingly
Hope it helps

[Dzivo]

@efstathiosntonas @anthonypinskey my example is just 2 complicated i forked the repository and changed a lot of it to make it work we need a way to do this it is one of the most common things you do with a map

And in the new version i actually removed the popup completely

[SebastianM]

We now support styled info windows with #1051 - that is not a solution with the help of InfoBox but it solves the problem. Feel free to contribute a version with InfoBox if you want to (we could ship it as another package e.g. agm/info-box)

[calbear47]

@SebastianM This is awesome! Appreciate your hard work. When do you think beta.1 version will be released to NPM?

[kondi]

@calbear47 It is released :)