Support InfoBox (styled InfoWindow) about angular-google-maps HOT 21 CLOSED

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.

from angular-google-maps.

@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!

from angular-google-maps.

+1 would like this feature

from angular-google-maps.

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

from angular-google-maps.

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.

from angular-google-maps.

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

from angular-google-maps.

@calbear47 It is released :)

from angular-google-maps.

+1 would like this feature

from angular-google-maps.

++++

from angular-google-maps.

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

from angular-google-maps.

Is this coming soon?

from angular-google-maps.

If you could do it asap it will be great

from angular-google-maps.

Is this feature already supported ?

from angular-google-maps.

+1 it would be great

from angular-google-maps.

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

Thanks

from angular-google-maps.

Any news?

from angular-google-maps.

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

@SebastianM any news on this feature?

from angular-google-maps.

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

from angular-google-maps.

@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

from angular-google-maps.

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)

from angular-google-maps.

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

from angular-google-maps.