added more examples

Allen Kim · Allen Kim · commit 23872e8c1e42 · 2015-09-10T23:21:39.000-04:00
diff --git a/directives/info-window.js b/directives/info-window.js
@@ -10,6 +10,9 @@
  *
  *   Restrict To:  Element
  *
+ *   NOTE: this directive should **NOT** be used with `ng-repeat` because InfoWindow itself is a template,
+ *   and must be reused by each marker, thus, should not be redefined by `ng-repeat`.
+ *
  * @attr {Boolean} visible Indicates to show it when map is initialized
  * @attr {Boolean} visible-on-marker Indicates to show it on a marker when map is initialized
  * @attr {Expression} geo-callback if position is an address, the expression is will be performed when geo-lookup is successful. e.g., geo-callback="showDetail()"
@@ -101,6 +104,7 @@
 
     var linkFunc = function(scope, element, attrs, mapController) {
       element.css('display','none');
+
       var orgAttrs = parser.orgAttributes(element);
       var filtered = parser.filter(attrs);
       var options = parser.getOptions(filtered, scope);
diff --git a/testapp/directions-with-ng-repeat-panels.html b/testapp/directions-with-ng-repeat-panels.html
@@ -33,8 +33,8 @@
     <div ng-repeat="dir in directions">
       <div style="width: 68%; float:left; height:450px">
         <map style="height:100%" >
-          
-          <directions 
+
+          <directions
             draggable="false"
             travel-mode="DRIVING"
             panel="{{dir.panelName}}"
@@ -45,7 +45,7 @@
       </div>
       <div id="{{dir.panelName}}" style="width: 32%; float:left; height:450px"></div>
     </div>
-                            
+
   </body>
 
 </html>
diff --git a/testapp/directions.html b/testapp/directions.html
@@ -19,6 +19,17 @@
       body {padding: 5px}
       * { box-sizing: border-box; }
     </style>
+    <script>
+      angular.module('ngMap').run(function($rootScope) {
+        $rootScope.logLatLng = function(e) {
+          console.log('loc', e.latLng);
+        }
+        $rootScope.wayPoints = [
+          {location: {lat:44.32384807250689, lng: -78.079833984375}, stopover: true},
+          {location: {lat:44.55916341529184, lng: -76.17919921875}, stopover: true},
+        ];
+      });
+    </script>
   </head>
   <body ng-app="ngMap">
     <div style="width: 68%; float:left; height: 100%">
@@ -44,12 +55,12 @@
         <option value="TRANSIT">Transit</option>
       </select>
 
-      <map zoom="14" center="37.7699298, -122.4469157" style="height:90%" >
+      <map zoom="14" center="37.7699298, -122.4469157" style="height:90%" on-click="logLatLng()" >
         <directions 
           draggable="true"
           panel="directions-panel"
           travel-mode="{{travelMode}}"
-          waypoints="[{location:'kingston', stopover:true}]"
+          waypoints="{{wayPoints}}"
           origin="{{origin}}"
           destination="{{destination}}">
         </directions>
diff --git a/testapp/directions2.html b/testapp/directions2.html
@@ -24,14 +24,14 @@
     <div style="width: 68%; float:left; height: 100%">
 
       <map zoom="14" center="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman" style="height:90%" >
-        <directions 
+        <directions
           draggable="true"
           panel="directions-panel"
           travel-mode="DRIVING"
           origin="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman"
           destination="Pier St, Jackson Bay, West Coast, New Zeland">
         </directions>
-      </map> 
+      </map>
       Directions path length:
         {{map.directionsRenderers[0].directions.routes[0].overview_path.length}}
     </div>
