Merge pull request angular-ui#1573 from kandizzy/website

nmccready · nmccready · commit bdaaf1c2f2f9 · 2015-12-20T16:15:46.000-05:00
modified searchbox example
diff --git a/app/views/examples/base/base.html b/app/views/examples/base/base.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="utf-8" />
     <title>AngularJS Plunker</title>
+    <script src="//maps.googleapis.com/maps/api/js?libraries=weather,geometry,visualization,places&sensor=false&language=en&v=3.20"></script>
     <script src="../../../vendor/scripts/angular.js" ></script>
     <script src="../../../vendor/scripts/lodash.js"></script>
     <script src="../../../vendor/scripts/angular-simple-logger.js"></script>
diff --git a/app/views/examples/search-box/index.html b/app/views/examples/search-box/index.html
@@ -1,6 +1,7 @@
 <div id="map_canvas" ng-controller="mainCtrl">
-    <script type="text/ng-template" id="searchbox.tpl.html">
-        <input type="text" placeholder="Search Box">
+
+    <script id="searchbox.tpl.html" type="text/ng-template">
+      <input type="text" placeholder="Search">
     </script>
     <ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options">
         <ui-gmap-search-box template="searchbox.template" events="searchbox.events"></ui-gmap-search-box>
diff --git a/app/views/examples/search-box/script.js b/app/views/examples/search-box/script.js
@@ -1,16 +1,34 @@
 angular.module('appMaps', ['uiGmapgoogle-maps'])
-    .config(function(uiGmapGoogleMapApiProvider) {
-      uiGmapGoogleMapApiProvider.configure({
-          //    key: 'your api key',
-          v: '3.20', //defaults to latest 3.X anyhow
-          libraries: 'places' // Required for SearchBox.
-      });
-    })
-    .controller('mainCtrl', function ($scope, $log) {
-        $scope.map = {center: {latitude: 40.1451, longitude: -99.6680 }, zoom: 4 };
-        $scope.options = {scrollwheel: false};
-        var events = {
-          places_changed: function (searchBox) {}
-        }
-        $scope.searchbox = { template:'searchbox.tpl.html', events:events};
+
+  .config(['uiGmapGoogleMapApiProvider', function (GoogleMapApi) {
+    GoogleMapApi.configure({
+  //  key: 'your api key',
+  //    v: '3.20',
+      libraries: 'places'
     });
+  }])
+  
+  .controller('mainCtrl', ['$scope', '$log', 'uiGmapGoogleMapApi', function ($scope, $log, GoogleMapApi) {
+      angular.extend($scope, {
+        map: {center: 
+          {
+            latitude: 40.1451, 
+            longitude: -99.6680  
+          }, 
+          zoom: 4 
+        },
+        searchbox: { 
+          template:'searchbox.tpl.html', 
+          events:{
+            places_changed: function (searchBox) {}
+          }
+        },
+        options: {
+          scrollwheel: false
+        }
+      });
+      
+      GoogleMapApi.then(function(maps) {
+        maps.visualRefresh = true;
+      });
+  }]);
diff --git a/grunt/options.coffee b/grunt/options.coffee
@@ -25,6 +25,13 @@ module.exports =
         'autoprefixer'
       ]
 
+    examples:
+      files: ['<%= yeoman.app %>/views/examples/{,*/}*.*']
+      tasks: [
+        'copy:examples'
+      ]
+
+
     livereload:
       options:
         livereload: LIVERELOAD_PORT
@@ -228,6 +235,27 @@ module.exports =
       dest: '.tmp/styles/'
       src: '{,*/}*.css'
 
+    examples:
+      files: [
+        {
+          expand: true
+          cwd: '<%= yeoman.app %>'
+          dest: '.tmp/'
+          src: [
+            'views/examples/{,*/}*.*'
+          ]
+        }
+        {
+          expand: true
+          cwd: 'dist/vendor/'
+          dest: '.tmp/vendor'
+          src: [
+            '{,*/}*.*'
+          ]
+        }
+      ]
+
+
     vendor_fonts:
       expand: true
       cwd: '<%= yeoman.dist %>/vendor/fonts'
@@ -238,6 +266,7 @@ module.exports =
     server: [
       'coffee:dist'
       'copy:styles'
+      'copy:examples'
     ]
     test: [
       'coffee'
