我正在使用ui-gmap-polyline,我无法缩放我在地图中绘制的路径。 我读到的是该物业适合'应该这样做,但除非我将地图居中,否则它甚至不会渲染地图,但如果我将地图居中,当然它就是那个点的中心而不是路径。
有人可以帮我看一下我在代码中做错了吗?
<ui-gmap-google-map center='map.center' zoom='map.zoom'>
<ui-gmap-polyline path="vm.gpxCoordinates.path" draggable="false" geodesic="true" stroke="vm.gpxCoordinates.stroke" fit="true"></ui-gmap-polyline>
</ui-gmap-google-map>
在我的控制器中我有
vm.gpxCoordinates =
{
id: 1,
path: [],
stroke: { color: '#6060FB', weight: 3 }
};
function activate() {
uiGmapGoogleMapApi.then(function () {
vm.mapInitializationComplete = true;
for (var i = 0; i < vm.map.gpx.length; ++i) {
vm.gpxCoordinates.path.push(new google.maps.LatLng(vm.map.gpx[i].latitude, vm.map.gpx[i].longitude));
}
//$scope.map = vm.map.position;
});
}
使用此代码,地图甚至无法渲染,控制台中没有任何错误。如果我取消注释//$scope.map = vm.map.position;地图呈现,但它在那一点居中,但我需要的是它自动居中在折线的路径上。
不适合=&#34; true&#34;在指令中足以在地图中居中,我是否必须以另一种方式居中或者我在这里遗漏了什么?