Angular-google-map界限示例

时间:2014-08-20 21:47:06

标签: angularjs google-maps-api-3

未能弄明白该怎么做。 我有一堆标记,我手动计算东北和西南点。但它看起来没有效果; (期待一个如何使用边界的例子。谢谢。

HTML:

<google-map center="map.center" zoom="map.zoom" pan="true" draggable="true" bounds="maps.bounds"> 

js:

$scope.map = {
        // http://angular-google-maps.org/use
        center: {
            latitude: 34.04858,
            longitude: -84.29431
        },
        zoom: 16,
        lineStyle: {
            color: '#333',
            weight: 5,
            opacity: 0.7
        },
        bounds:{}

    };    
// in another call...............
$scope.map.bounds={
                          northeast : northeast,
                          southwest: southwest
                        }
  $scope.$apply();

2 个答案:

答案 0 :(得分:1)

我认为问题可能是变焦。 从逻辑上讲,缩放概念不会与边界相关,因为边界定义了缩放。

答案 1 :(得分:0)

可能是您需要在地图加载后动态应用此方法。请尝试以下方法:

$scope.$apply(function() {
    $scope.map = { ... }
});