580
回編集
差分
提供: fukudat.net
ナビゲーションに移動検索に移動
→Material
export class AppModule { }
</pre>
=== Google Maps ===
詳しくは、https://angular-maps.com/ を見るべし。
インストールは、
<pre>
$ npm i @agm/core --save
</pre>
Mapの高さを指定しなければならない。そこで、テンプレートに
<pre>
<agm-map [style.height]="mapHeight" ...></agm-map>
</pre>
として、xxx.component.ts に、
<pre>
import { HostListener } from '@angular/core';
mapHeight = "600px";
＠HostListener('window:resize')
onResize(): void {
const height = window.innerHeight;
this.mapHeight = (ウィンドウの高さから計算される Map のサイズ) + "px";
}
</pre>
とすると良い。
== Tips ==
