InfoWindow support

[sebholstein]

angular2-google-maps should support Info Windows:
https://developers.google.com/maps/documentation/javascript/infowindows
https://developers.google.com/maps/documentation/javascript/3.exp/reference#InfoWindow

As a standalone component:

<sebm-google-map [latitude]="lat" [longitude]="lng">

 <sebm-google-map-info-window [latitude]="lat" [longitude]="lng" (closeClick)="windowClosed()"
    [disableAutoPan]="true" [maxWidth]="120"> 
    <h1>My Content</h1>
  </sebm-google-map-info-window>

</sebm-google-map>

And inside a marker:

<sebm-google-map [latitude]="lat" [longitude]="lng">

  <sebm-google-map-marker  [latitude]="lat" [longitude]="lng">
    <sebm-google-map-info-window> <!-- no need to set lat/lng here - gets lat/lng from the marker -->
      My Content<br />
      can be HTML
    </sebm-google-map-info-window>
  </sebm-google-map-marker>

</sebm-google-map>

Component methods:

<sebm-google-map [latitude]="lat" [longitude]="lng">


  <sebm-google-map-info-window  [latitude]="lat" [longitude]="lng" #window>
    My Content
  </sebm-google-map-info-window>

  <button (click)="window.open()">Open InfoWindow</button>
  <button (click)="window.close()">Close InfoWindow</button>
  <button (click)="window.toggle()">Toggle InfoWindow</button>

</sebm-google-map>

[davidbeijinho]

+1

[alanfagner]

Hello friend I am using your Google Maps component and I love it , I wonder when it will be released the version 0.9.0 which contains InfoWindows ?