directive: info-window

info-window

info-window(visible, visible-on-marker, <InfoWindowOption>, <InfoWindowEvent>)

Defines infoWindow and provides compile method

Requires: map directive

Restrict To: Element

Parameters:
Name Type Description
visible Boolean

Indicates to show it when map is initialized
visible-on-marker Boolean

Indicates to show it on a marker when map is initialized
<InfoWindowOption> String

Any InfoWindow options, https://developers.google.com/maps/documentation/javascript/reference?csw=1#InfoWindowOptions
<InfoWindowEvent> String

Any InfoWindow events, https://developers.google.com/maps/documentation/javascript/reference
Source:
Requires:
  • module:Attr2Options
  • module:$compile
Example
Usage: 
  <map MAP_ATTRIBUTES>
   <info-window id="foo" ANY_OPTIONS ANY_EVENTS"></info-window>
  </map>

Example: 
 <map center="41.850033,-87.6500523" zoom="3">
   <info-window id="1" position="41.850033,-87.6500523" >
     <div ng-non-bindable>
       Chicago, IL<br/>
       LatLng: {{chicago.lat()}}, {{chicago.lng()}}, <br/>
       World Coordinate: {{worldCoordinate.x}}, {{worldCoordinate.y}}, <br/>
       Pixel Coordinate: {{pixelCoordinate.x}}, {{pixelCoordinate.y}}, <br/>
       Tile Coordinate: {{tileCoordinate.x}}, {{tileCoordinate.y}} at Zoom Level {{map.getZoom()}}
     </div>
   </info-window>
 </map>

Requires

  • module:Attr2Options
  • module:$compile