google-maps-api-3 - `bounds` 中的 `angular-google-map` 参数不起作用？

Question

看到这个 DEMO

在 document ，我看到了bounds的描述参数是:

Fit the map in the specified bounds. The expression must resolve to an object having both northeast and southwest properties. Each of those properties must have a latitude and a longitude properties

我在范围内设置了界限:

$scope.bd = {
  northeast: {
    latitude: 51.219053,
    longitude: 4.404418
  },
  southwest: {
    latitude: -51.219053,
    longitude: -4.404418
  }
}

并在这样的指令中使用它:

<ui-gmap-google-map bounds="bd" center="map.center" zoom="map.zoom" draggable="true" options="options"></ui-gmap-google-map>

但似乎没有效果.. map 不适合我指定的边界..这是否意味着边界参数不起作用？以及如何使 map 适合指定的边界？

Answer 1

为什么不使用 center 和 zoom 而不是 bounds ？

无论如何，我正在做一些测试，作为中心，缩放和边界在指令内的一个什么地方，它们是异步加载的，并且由于需要中心和缩放，边界不受影响。

甚至在它没有改变后设置值(不知道为什么)

http://plnkr.co/edit/YdyYIiVVgApA2tpm11Xn?p=preview

setTimeout(function(){
  var map = $scope.instance.getGMap();
  console.log(map);
  console.log(map.getBounds());



$scope.bd = {
  northeast: {
    latitude: 51.219053,
    longitude: 4.404418
  },
  southwest: {
    latitude: -51.219053,
    longitude: -4.404418
  }
}

                    ne = new google.maps.LatLng($scope.bd.northeast.latitude, $scope.bd.northeast.longitude);
            sw = new google.maps.LatLng($scope.bd.southwest.latitude, $scope.bd.southwest.longitude);
            bounds = new google.maps.LatLngBounds(sw, ne);
map.fitBounds(bounds);



}, 2000);