javascript - AngularJS:NgMap - 加载 map 中心未得到尊重

Question

在这个使用 NgMap 的 AngularJS SPA 中，我在数据过滤上设置了 map 引脚。在初始加载 map 时， map 以海洋中的某个地方为中心，而不是我在 center 参数的 map 对象中设置的坐标。我也试过在 map 初始化时设置这个但没有成功。

  $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);


  });

<map zoom="3" center="[43.6650000,-79]" scrollwheel="false" zoom-to-include-markers="true">
  <marker ng-repeat="site in filteredPins track by $index" position="[{{site.Latitude}},{{site.Longitude}}]" id="{{site.Id}}" title="{{site.SiteName}}"></marker>
</map>

如果不通过 <map>，在哪里/如何设置加载时的初始 map 位置center参数，还是 map 初始化时 map 选项中的center选项？

Plunkr:http://plnkr.co/edit/u75fJT?p=preview

Answer 1

您的代码是正确的，初始 map 中心正好位于您指定的坐标处，问题似乎出在 html zoom-to-include-markers="true" 上加载后改变 map 中心

<map zoom="3" center="[43.6650000,-79]" scrollwheel="false" zoom-to-include-markers="true">

删除 zoom-to-include-markers="true" 它将起作用