Update map-control example

Josué Pech · Josué Pech · commit 7ea5e1cfa8df · 2016-04-11T13:07:16.000-05:00
diff --git a/app/views/examples/map-control/index.html b/app/views/examples/map-control/index.html
@@ -4,5 +4,10 @@
     </script>
     <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options">
         <ui-gmap-map-control template="control.tpl.html" position="top-right" controller="controlCtrl" index="-1"></ui-gmap-map-control>
+        <ui-gmap-map-control>
+          <div ng-controller="inlineControlCtrl">
+              <button class="btn btn-sm btn-primary" ng-class="{'btn-warning': danger}" ng-click="controlClick()">{{controlText}}</button>
+          </div>
+        </ui-gmap-map-control>
     </ui-gmap-google-map>
-</div>
+</div>
diff --git a/app/views/examples/map-control/script.js b/app/views/examples/map-control/script.js
@@ -10,4 +10,13 @@ angular.module('appMaps', ['uiGmapgoogle-maps'])
             $scope.danger = !$scope.danger;
             alert('custom control clicked!');
         };
-    });
+    })
+    .controller('inlineControlCtrl',function($scope){
+      $scope.controlText = 'I\'m a custom control from inline template';
+      $scope.danger = false;
+      $scope.controlClick = function () {
+          $scope.danger = !$scope.danger;
+          alert('custom control from inline template clicked!');
+      };
+
+    });
