/var/log/messages

May 2, 2018 - 1 minute read - Comments - misc

agm 云々

ええと、Angular で云々してるのですがハマッた部分をちょっと控え。

とりあえず

以下な app.component.html を作成し

<h1>{{ title }}</h1>
<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker *ngFor="let m of markers; let i = index"
    [latitude]="m.lat"
    [longitude]="m.lng"></agm-marker>
</agm-map>

app-component.ts にて元々が以下な定義になってたのをスルーしてて

import { Component } from '@angular/core';
import { Event } from './event';

// 中略

export class AppComponent {
  title: string = 'My first AGM Component'
  lat: number = 51.678418;
  lng: number = 7.809007;
}

lat とか lng を文字列型にしててマーカーが出ない、と騒いでましたorz

これは

いくら何でも駄目すぎる控えですねorz