apollodec/Apollo/bower_components/ngmap/build/docs/info-window.html
venbatechnologies@gmail.com d06b1c0cba status file
2017-12-07 11:31:25 +05:30

321 lines
6.6 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: directive: info-window</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">directive: info-window</h1>
<section>
<header>
<h2>
info-window
</h2>
</header>
<article>
<div class="container-overview">
<dt>
<a href="info-window.js.html#line2" class="name-link"><h4 class="name" id="info-window"><span class="type-signature"></span>info-window<span class="signature">(visible, visible-on-marker, &lt;InfoWindowOption>, &lt;InfoWindowEvent>)</span><span class="type-signature"></span></h4></a>
</dt>
<dd>
<div class="description">
<p>Defines infoWindow and provides compile method</p>
<p> Requires: map directive</p>
<p> Restrict To: Element</p>
</div>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>visible</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="description last"><p>Indicates to show it when map is initialized</p></td>
</tr>
<tr>
<td class="name"><code>visible-on-marker</code></td>
<td class="type">
<span class="param-type">Boolean</span>
</td>
<td class="description last"><p>Indicates to show it on a marker when map is initialized</p></td>
</tr>
<tr>
<td class="name"><code>&lt;InfoWindowOption></code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="description last"><p>Any InfoWindow options,
https://developers.google.com/maps/documentation/javascript/reference?csw=1#InfoWindowOptions</p></td>
</tr>
<tr>
<td class="name"><code>&lt;InfoWindowEvent></code></td>
<td class="type">
<span class="param-type">String</span>
</td>
<td class="description last"><p>Any InfoWindow events, https://developers.google.com/maps/documentation/javascript/reference</p></td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="info-window.js.html">directives/info-window.js</a>, <a href="info-window.js.html#line2">line 2</a>
</li></ul></dd>
</dl>
<h5>Requires:</h5>
<ul>
<li>module:Attr2Options</li>
<li>module:$compile</li>
</ul>
<h5>Example</h5>
<pre class="prettyprint"><code>Usage:
&lt;map MAP_ATTRIBUTES>
&lt;info-window id="foo" ANY_OPTIONS ANY_EVENTS">&lt;/info-window>
&lt;/map>
Example:
&lt;map center="41.850033,-87.6500523" zoom="3">
&lt;info-window id="1" position="41.850033,-87.6500523" >
&lt;div ng-non-bindable>
Chicago, IL&lt;br/>
LatLng: {{chicago.lat()}}, {{chicago.lng()}}, &lt;br/>
World Coordinate: {{worldCoordinate.x}}, {{worldCoordinate.y}}, &lt;br/>
Pixel Coordinate: {{pixelCoordinate.x}}, {{pixelCoordinate.y}}, &lt;br/>
Tile Coordinate: {{tileCoordinate.x}}, {{tileCoordinate.y}} at Zoom Level {{map.getZoom()}}
&lt;/div>
&lt;/info-window>
&lt;/map></code></pre>
</dd>
</div>
<h3 class="subsection-title">Requires</h3>
<ul>
<li>module:Attr2Options</li>
<li>module:$compile</li>
</ul>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Index</a></h2><h3>service</h3><ul><li><a href="Attr2Options.html">Attr2Options</a></li><li><a href="GeoCoder.html">GeoCoder</a></li><li><a href="NavigatorGeolocation.html">NavigatorGeolocation</a></li><li><a href="StreetView.html">StreetView</a></li></ul><h3>directive</h3><ul><li><a href="bicycling-layer.html">bicycling-layer</a></li><li><a href="cloud-layer.html">cloud-layer</a></li><li><a href="custom-control.html">custom-control</a></li><li><a href="drawing-manager.html">drawing-manager</a></li><li><a href="dynamic-maps-engine-layer.html">dynamic-maps-engine-layer</a></li><li><a href="fusion-tables-layer.html">fusion-tables-layer</a></li><li><a href="heatmap-layer.html">heatmap-layer</a></li><li><a href="info-window.html">info-window</a></li><li><a href="kml-layer.html">kml-layer</a></li><li><a href="lazy-load.html">lazy-load</a></li><li><a href="map.html">map</a></li><li><a href="map-data.html">map-data</a></li><li><a href="map-type.html">map-type</a></li><li><a href="MapController.html">MapController</a></li><li><a href="maps-engine-layer.html">maps-engine-layer</a></li><li><a href="marker.html">marker</a></li><li><a href="overlay-map-type.html">overlay-map-type</a></li><li><a href="shape.html">shape</a></li><li><a href="traffic-layer.html">traffic-layer</a></li><li><a href="transit-layer.html">transit-layer</a></li><li><a href="weather-layer.html">weather-layer</a></li></ul>
</nav>
<br clear="both">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.3.0-alpha9</a>
and <a href="https://github.com/allenhwkim/angular-jsdoc">angular-jsdoc</a>
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
<script>
var href=window.location.href.match(/\/([^\/]+$)/)[1];
document.querySelector("nav a[href='"+href+"']").scrollIntoView(true);
if (window.location.hash == "")
document.querySelector("body").scrollIntoView(true);
</script>
</body>
</html>