NG-地图显示在UI部分地图

  • Z时代
  • 2024-01-10
  • 分类：问答

我使用毫微克图和屏幕的一半歌厅UI，但在全DIV不是占有它 NG-地图显示在UI部分地图

var app = angular.module('app', ['ngMap']);  
app.controller('ctrl', ['$scope', 'ngMap','$timeout', function($scope, ngMap,$timeout) {  
    NgMap.getMap().then(function(map) {  
    var center = map.getCenter();  
    google.maps.event.trigger(map, "resize");  
    map.setCenter(center);  
    });  
    $timeout(function() {  
    NgMap.getMap().then(function(map) {  
     google.maps.event.trigger(map, 'resize');  
    });  
    }, 500);  
}]);

#ng-map {  
    width: 100% !important;  
    height: 100% !important;  
    position: absolute !important;  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>  
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>  
<div ng-app="app" ng-controller="ctrl">  
    <div map-lazy-load="https://maps.google.com/maps/api/js" id="ng-map" map-lazy-load-params="https://maps.google.com/maps/api/js?key=AIzaSyB4qnR0XX1tetbLUxSSLVWKi_E4WzGi1tk">  
    <ng-map zoom="4">  
    </ng-map>  
    </div>  
</div>

我不知道为什么我歌厅这个错误。请帮助我

回答：

第一件事是我相信你把它设置在错误的元素上，你需要在你的＃ng-map div里面的元素上设置它试着改变你的CSS到（也尽量不要使用！importants ）：

在你的NG-MAP指令 

default-style="false"

，也尝试用内联样式，这里的例子：

#ng-map ng-map{ 
    width: 100%; 
    height: 100%; 
    position: absolute; 
}

之后，你可以尝试建立

<ng-map zoom="4" default-style="false"> 
</ng-map>

而且plunker： http://plnkr.co/edit/Qh2O0W?p=preview

以上是 NG-地图显示在UI部分地图 的全部内容， 来源链接： utcz.com/qa/261461.html

回到顶部