Angular2/Google地圖：地圖不顯示何時嵌套組件

將Google地圖代碼放置在Angular2 app.component中時（建議使用here），所有工作都正常。但是，我不需要app.component中的地圖，但是在共享的可嵌套組件（google-maps.component）中。 這裏麻煩開始了：地圖不顯示。Angular2/Google地圖：地圖不顯示何時嵌套組件

所有應正確作爲被配置：

A.當從片段中的代碼（2）移動到（app.component.html）地圖被正確顯示

B的h1標籤文本（從下面代碼段2）是所呈現的頁面，其中，所述谷歌-地圖組件選擇器被放置

C.在控制檯上的正確的位置顯示，窗口對象具有.google.map 屬性

...這樣的問題應該涉及到地圖加載/渲染

問：什麼可能正確地作出了谷歌地圖顯示，從可測試的組件時？

下面是所使用的代碼的擊穿：

（1）由Google maps.component。 CSS

sebm-google-map-container{ 
 
    height: 300px; 
 
}

（2）由Google maps.component。 HTML

<h1>GOOGLE MAPS COMPONENT START**********</h1> 
 
<sebm-google-map [latitude]="50" [longitude]="50"> 
 
</sebm-google-map> 
 
<h1>GOOGLE MAPS COMPONENT END**********</h1>

（3）由Google maps.component。 TS

import { Component } from '@angular/core'; 
 

 
@Component({ 
 
    selector: 'google-maps', 
 
    templateUrl: './google-maps.component.html', 
 
    styleUrls: ['./google-maps.component.css'], 
 
}) 
 
export class GoogleMapsComponent {}

（4）app.module。 TS

... 
 
import { AgmCoreModule } from 'angular2-google-maps/core'; 
 
import { GoogleMapsComponent }  from './shared/google-maps.component'; 
 
... 
 
@NgModule({ 
 
    imports: [ AgmCoreModule.forRoot({ apiKey: '...' }), 
 
     RouterModule.forRoot([ ... ])  
 
    ], 
 
    declarations: [ ..., AppComponent, GoogleMapsComponent ], 
 
    bootstrap: [ AppComponent ] 
 
}) 
 
export class AppModule { }

來源

2017-01-24 zaggi

取消血腥可信：遺漏了 '' （點）的CSS選擇器

錯誤： sebm - 谷歌地圖容器{...}

正確： .sebm - 谷歌地圖容器{...}

來源

2017-01-24 18:37:55 zaggi

Angular2/Google地圖：地圖不顯示何時嵌套組件

回答

相關問題