ui-gmap-polyline fit =" true"不会放大路径

时间:2016-02-03 11:31:03

标签: javascript angularjs google-maps google-maps-api-3

我正在使用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;在指令中足以在地图中居中,我是否必须以另一种方式居中或者我在这里遗漏了什么?

0 个答案:

没有答案