title: AngularJS: NgMap - On load map center isn't being respected
body: <p>In this AngularJS SPA using NgMap, I have map pins being set on data filtering. On initial load of the map, the map is centered on some place out in the ocean, not the coordinates I have set in the map object in the center parameter. I've also tried setting this on the map initialization without any success.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  $scope.$on('mapInitialized', function(event, map) {
  
      var myLatlng = new google.maps.LatLng(43.6650000, -79);
      var mapOptions = {
        draggable: true,
        zoom: 4,
        center: myLatlng
      }
      var map = new google.maps.Map(document.getElementById("map"), mapOptions);
  
  
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;map zoom="3" center="[43.6650000,-79]" scrollwheel="false" zoom-to-include-markers="true"&gt;
    &lt;marker ng-repeat="site in filteredPins track by $index" position="[{{site.Latitude}},{{site.Longitude}}]" id="{{site.Id}}" title="{{site.SiteName}}"&gt;&lt;/marker&gt;
  &lt;/map&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Where/how does one set the initial map location on load if not through the <code>&lt;map&gt;</code> center param, or the center option in the map options when the map is initialized?</p>
  
  <p>Plunkr: <a href="http://plnkr.co/edit/u75fJT?p=preview" rel="nofollow">http://plnkr.co/edit/u75fJT?p=preview</a></p>