title: angular-google-maps: could not find a valid center property?
body: <p>I'm trying to get angular-google-maps to work. I've got everything setup per the instructions, but I can't seem to get around this error:</p>
  
  <p>angular-google-maps: could not find a valid center property </p>
  
  <p>I've got this in my page controller:</p>
  
  <pre><code>angular.extend($scope, {
     center: {
      latitude: 0, // initial map center latitude
      longitude: 0, // initial map center longitude
     },
     markers: [], // an array of markers,
     zoom: 8, // the zoom level
  });
  </code></pre>
  
  <p>And this in my html</p>
  
  <pre><code>&lt;google-map center="center" zoom="zoom" markers="markers" refresh="!isMapElementHidden" style="height: 400px"&gt;&lt;/google-map&gt;
  </code></pre>
  
  <p>Few points:
   - It seems that the angular-google-maps directive code is being called before my controller code, so the $scope.center variable is not created yet</p>
  
  <ul>
  <li><p>When I hardcode a center in it works</p></li>
  <li><p>I try this, but without any luck as the map never updates to the new cope values set in the controller:</p>
  
  <p>center="center ? center : {latitude: 36.990282103105066, longitude: -122.06149578094482}"</p></li>
  <li><p>I've also tried to implement Angular Leaflet maps and get the exact same problem</p></li>
  </ul>
  
  <p>Thanks!</p>