Javascript fit=”；“真的”+；单标记=>；缩放太大，角度谷歌地图，角度js

当页面上只有一个标记时，我正在努力设置缩放级别。 页面加载时，市场放大到很难看到周围区域的程度

angular.module（'appMaps'，['uiGmapgoogle-maps']））
.controller（'mainCtrl'，函数（$scope，$http）{
$scope.map={
中心：{
纬度：0，
经度：0
},
缩放：2
,
界限：{}
};
$scope.options={
滚轮：错误
};
var createRandomMarker=函数（i，边界，idKey）{
var lat_min=bounds.southwest.latitude，
纬度范围=边界东北纬度-纬度最小值，
lng_min=bounds.soutwest.longitude，
lng_范围=bounds.northeast.longitude-lng_min；
if（idKey==null）{
idKey=“id”；
}
var纬度=纬度最小值+（Math.random（）*纬度范围）；
var经度=lng_min+（数学随机（）*lng_范围）；
变量ret={
纬度：纬度，
经度：经度，
标题：m'+i
};
ret[idKey]=i；
返回ret；
};
$scope.randomMarkers=[]；
//加载地图后，从地图中获取边界
$scope.$watch（函数（）{
返回$scope.map.bounds；
}，功能（nv，ov）{
//只需要再生一次
如果（！西南偏南和西南偏南）{
var标记=[]；
对于（变量i=0；i<1；i++）{
markers.push（createRandomMarker（i$scope.map.bounds））
}
//$scope.randomMarkers=标记；
}
}，对）；
disIcon=函数（）{
var标记=[]；
变量ret={
纬度：32.7689285，
经度：-89.1079636，
标题：“m”
};
ret['id']=1；
推（ret）；
$scope.randomMarkers=标记；
}
disIcon（）；
});
html，主体，#映射#画布{
身高：100%；
宽度：100%；
边际：0px；
边缘顶部：20px；
}
#地图画布{
位置：相对位置；
}
.google地图容器{
位置：绝对位置；
排名：0；
底部：0；
右：0；
左：0；
}

安古拉斯普朗克
html，正文，#地图#画布{
身高：100%；
宽度：100%；
边际：0px；
边缘顶部：20px；
}
#地图画布{
位置：相对位置；
}
.google地图容器{
位置：绝对位置；
排名：0；
底部：0；
右：0；
左：0；
}
我所做的是在ui gmap标记中使用ng if。
如果有1个标记，则使用fit=false；如果有多个标记，则使用fit=true