title: Google Map Update dynamically in Angular
body: <p><a href="http://plnkr.co/edit/Zd9GwG?p=preview" rel="nofollow">http://plnkr.co/edit/Zd9GwG?p=preview</a></p>
  
  <p>I am working on this google map + angular.js example . I want to change the location center dynamically depend on the variable .i.e. I want to make it dynamic center. Please suggest how to do this ?</p>
  
  <p>I want to do some thing Like this.</p>
  
  <p>// Code goes here</p>
  
  <pre><code>//Add the requried module 'angular-ui' as a dependency
  angular.module('maptesting', ['ui.directives']);
  
  function MapCtrl($scope) {
  
    $scope.lat = 35.120922 ;
    $scope.long = -89.97731 ;
      var ll = new google.maps.LatLng($scope.lat, $scope.long);
      $scope.mapOptions = {
          center: ll,
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      //Markers should be added after map is loaded
      $scope.onMapIdle = function() {
          //alert("DF");
          if ($scope.myMarkers === undefined){    
              var marker = new google.maps.Marker({
                  map: $scope.myMap,
                  position: ll
              });
              $scope.myMarkers = [marker, ];
          }
      };
         $scope.showMarkerInfo = function(marker) {  
          $scope.myInfoWindow.open($scope.myMap, marker);
      };
  
      $scope.changeval = function(){
        $scope.lat = 13.0810 ;
        $scope.long = 80.2740 ;
  
  
      };
  
  
  
  
  
  }
  </code></pre>