SebmGoogleMapInfoWindow - TypeScript

SebmGoogleMapInfoWindow renders a info window inside a SebmGoogleMapMarker or standalone.

Example

import { Component } from 'angular2/core';
import { SebmGoogleMap, SebmGoogleMapMarker, SebmGoogleMapInfoWindow } from
'angular2-google-maps/core';

@Component({
 selector: 'my-map-cmp',
 directives: [SebmGoogleMap, SebmGoogleMapMarker, SebmGoogleMapInfoWindow],
 styles: [`
   .sebm-google-map-container {
     height: 300px;
   }
`],
 template: `
   <sebm-google-map [latitude]="lat" [longitude]="lng" [zoom]="zoom">
     <sebm-google-map-marker [latitude]="lat" [longitude]="lng" [label]="'M'">
       <sebm-google-map-info-window [disableAutoPan]="true">
         Hi, this is the content of the <strong>info window</strong>
       </sebm-google-map-info-window>
     </sebm-google-map-marker>
   </sebm-google-map>
 `
})

Selectors

  • sebm-google-map-info-window

Inputs

  • latitude bound to SebmGoogleMapInfoWindow.latitude

    The latitude position of the info window (only usefull if you use it ouside of a SebmGoogleMapMarker).

  • longitude bound to SebmGoogleMapInfoWindow.longitude

    The longitude position of the info window (only usefull if you use it ouside of a SebmGoogleMapMarker).

  • disableAutoPan bound to SebmGoogleMapInfoWindow.disableAutoPan

    Disable auto-pan on open. By default, the info window will pan the map so that it is fully visible when it opens.

  • isOpen bound to SebmGoogleMapInfoWindow.isOpen

    Sets the open state for the InfoWindow. You can also call the open() and close() methods.

  • zIndex bound to SebmGoogleMapInfoWindow.zIndex

    All InfoWindows are displayed on the map in order of their zIndex, with higher values displaying in front of InfoWindows with lower values. By default, InfoWindows are displayed according to their latitude, with InfoWindows of lower latitudes appearing in front of InfoWindows at higher latitudes. InfoWindows are always displayed in front of markers.

  • maxWidth bound to SebmGoogleMapInfoWindow.maxWidth

    Maximum width of the infowindow, regardless of content's width. This value is only considered if it is set before a call to open. To change the maximum width when changing content, call close, update maxWidth, and then open.

Outputs

  • infoWindowClose bound to SebmGoogleMapInfoWindow.infoWindowClose

    Emits an event when the info window is closed.

Constructor

  • constructor(_infoWindowManager: InfoWindowManager, _el: ElementRef)

    Not Yet Documented

Members

  • latitude : number
    

    The latitude position of the info window (only usefull if you use it ouside of a SebmGoogleMapMarker).

  • longitude : number
    

    The longitude position of the info window (only usefull if you use it ouside of a SebmGoogleMapMarker).

  • disableAutoPan : boolean
    

    Disable auto-pan on open. By default, the info window will pan the map so that it is fully visible when it opens.

  • zIndex : number
    

    All InfoWindows are displayed on the map in order of their zIndex, with higher values displaying in front of InfoWindows with lower values. By default, InfoWindows are displayed according to their latitude, with InfoWindows of lower latitudes appearing in front of InfoWindows at higher latitudes. InfoWindows are always displayed in front of markers.

  • maxWidth : number
    

    Maximum width of the infowindow, regardless of content's width. This value is only considered if it is set before a call to open. To change the maximum width when changing content, call close, update maxWidth, and then open.

  • hostMarker : SebmGoogleMapMarker
    

    Holds the marker that is the host of the info window (if available)

  • content : Node
    

    Holds the native element that is used for the info window content.

  • isOpen : boolean
    

    Sets the open state for the InfoWindow. You can also call the open() and close() methods.

  • infoWindowClose : EventEmitter<void>
    

    Emits an event when the info window is closed.

  • ngOnInit()
    

    Not Yet Documented

  • open() : Promise<void>
    

    Opens the info window.

  • close() : Promise<void>
    

    Closes the info window.


exported from core/index defined in core/directives/google-map-info-window.ts (line 7)