文章/答案/技术大牛

发布

社区首页 >问答首页 >角-google-map-容器元素呈现后为空。

问角-google-map-容器元素呈现后为空。
EN

Stack Overflow用户

提问于 2015-06-16 21:39:22

回答 1查看 854关注 0票数 1

我将angular-google-maps与typescript和requirejs结合使用。我用下面的代码初始化map：

Requirejs配置：

    require.config({
    urlArgs: 'bust=' + (new Date()).getTime(),
    paths: {
         ....
        'maps': '/scripts/angular/angular-google-maps.min',
        'lodash': '/scripts/angular/lodash.min',
        'app': '/app/app'
    },
    shim: {
        ...
        'maps': { deps: ['lodash', 'angular'] },
        'angular-cookies': { deps: ['angular'] }
    }
});

require(['jquery', 'angular', 'bootstrap', 'angular-ui-router', 'angular-cookies', 'maps', 'app'],
    ($: JQueryStatic, angular: ng.IAngularStatic) => {
        $(() => {
            angular.bootstrap(document, ['app']);
        });
    });

index.html

<html xmlns="http://www.w3.org/1999/xhtml">
    ...
    <script src='//maps.googleapis.com/maps/api/js?sensor=false'></script>
    <script src="Scripts/require.js" data-main="/app/config.js"></script>
</body>
</html>

在控制器视图中，我有下一个布局：

                <div class="row">
                <ui-gmap-google-map center='map.center' zoom='map.zoom' id="myGoogleMap"></ui-gmap-google-map>
            </div>

在控制器中，我有来自这里的默认设置

在呈现页之后，我看到了下一个布局：

<ui-gmap-google-map center="map.center" zoom="map.zoom" id="myGoogleMap" class="ng-isolate-scope">
<div class="angular-google-map">
    <div class="angular-google-map-container"></div>
    <div ng-transclude="" style="display: none"></div>
</div>

Threre是google脚本和角地图指令初始化，但地图没有显示。为什么？

angularjs

requirejs

typescript

angular-google-maps

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-13 21:21:22

我只是遇到了同样的问题，因为我没有将固定的高度设置为.角-google-map-容器，一旦设置了.角-google-map-容器{ height: 350 up；}，它就会开始显示。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30878728

复制

相似问题

问角-google-map-容器元素呈现后为空。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角-google-map-容器元素呈现后为空。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角-google-map-容器元素呈现后为空。
EN