AngularJs2 - ng2-map funktioniert nicht/zeige

Question

Da ich gerade an einer Homepage arbeite, brauche ich in meiner angular2 App eine einfache Karte wie Google Maps. Nichts zeigt sich wo eine Karte sein sollte. Klar, ich verpasse gerade etwas.

Unter ist mein 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> 

Und dann gibt es die Komponente versucht, die Karte Richtlinie zu verwenden.

import { NG2_MAP_DIRECTIVES } from "ng2-map"; 

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

Und schließlich der HTML-Teil:

<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> 

Es gibt nicht viel geht anders auf glaube ich, und es gibt keine Fehlerprotokolle, mir zu sagen, wo Ich lag falsch. Hoffe du kannst mir helfen! =)

Answer 1

Sie müssen möglicherweise Standardmarkierungen definieren oder einige CSS auf dem Kartencontainer festlegen. Meine Karten würden nicht zeigen, bis ich das getan habe.