AngularJs2 - ng2-map 未 working/showing

Question

当我在主页上工作时，我真的需要一个简单的地图，比如我的 angular2 应用程序中的 google 地图。应该有地图的地方没有任何显示。当然，我只是遗漏了一些东西。

下面是我的System.config

<!-- Configure SystemJS -->
<script>
    System.config({
        packages: {
            app: {
                format: 'register',
                defaultExtension: 'js'
            },
            'ng2-map': {
                main: 'index.js',
                defaultExtension: 'js'
            }
        },
        map: {
            'ng2-map': 'node_modules/ng2-map'
        }
    });
    System.import('app/js/main').then(null, console.error.bind(console));
</script>

然后是尝试使用 map 指令的组件。

import { NG2_MAP_DIRECTIVES } from "ng2-map";

@Component({
    selector: 'contact',
    templateUrl: '../../../html/contact.html',
    directives: [NG2_MAP_DIRECTIVES]
})

最后 html 部分：

<div class="ContentRow-Paralax" id="secondAbout">
<div class="topstripe">
</div>
<div class="stripe">
    <h2>Trollolol</h2>
</div>

<div class="ContentRow-Paralax">
<ng2-map id="map" [center]="[40.74, -74.18]" default-style="false"></ng2-map>

我认为没有其他事情发生，也没有错误日志告诉我哪里出错了。希望你能帮帮我！ =)

Answer 1

您可能需要定义默认标记或在地图容器上设置一些 css。在执行此操作之前，我的地图不会显示。

AngularJs2 - ng2-map 未 working/showing

AngularJs2 - ng2-map not working/showing up

google-maps

angular2-directives