Question

我想显示印度中心，地图的大小是根据要求变化的，我的问题是当地图的大小减少时，它没有显示印度的中心，请看下图。

<div ng-style="{ 'width' : width + '%' , 'height': height + '%' }" id="IndiaMap">
        <ui-gmap-google-map center='map.center' zoom='map.zoom' control='map.control' id="map-canvas" events="map.events">
            <ui-gmap-markers models="markers" idkey="markers.id" coords="'coords'"  events="markerEvents" icon="'icon'" fit="true">                 
            </ui-gmap-markers>
        </ui-gmap-google-map>
    </div>

我希望将印度地图集中在latitude: 21.0000, longitude:78.0000，但不能正常工作。请参阅下图。 scope.addLandMarkForm会将地图的大小缩小50％，并将印度地图置于坐标上方，我能够缩小尺寸，但无法将上述坐标设置为印度中心 .. < / p>

$scope.addLandMarkForm=function(){            
    $scope.markers='';               
    document.getElementById('IndiaMap').className='col-md-6';           
    $scope.map.zoom=5;
    $scope.width =  50;
    $scope.height= 50;
    $scope.map.center = {latitude: 21.0000, longitude:78.0000};
};

$ scope.closeForm将关闭表单，地图将返回原始表单。

 $scope.closeForm=function () {  
        document.getElementById('IndiaMap').className='col-md-12'; 
        $scope.width =  100;
        $scope.height= 100;          
        $scope.map.zoom=5;           
 };

请参阅以下图片

Incorrect Map center

Correct Map Center

根据BrunoCésar的建议，我需要一些窗口DOM甚至是监听器，它可以监听DOM更改，我如何在这里使用它，我正在改变css按document.getElementById('IndiaMap').className='col-md-6';分类哪种类型的偶数？

如何根据大小调整谷歌地图的中心？

0 个答案: