SVG Polygon из локального файла JSON в Angular

Question

Я работаю над проектом Angular 7, где я создаю игру Risk.Чтобы создать карту мира, я создал локальный файл JSON, к которому я обращаюсь в своем коде Angular.

JSON выглядит следующим образом:

["bord", {
    "continent": [
        {
        "land": [
            {
                "naam":["Ukraine"],
                "points": [[
                    [1561,236],
                    [1561,239],

Я создал BordService, где я пытаюсь получить доступфайл JSON локально с использованием HTTPClient, например:

import { HttpClient } from '@angular/common/http';
import {Observable} from 'rxjs';
import { Injectable } from '@angular/core';
import { Landen } from '../model/landen';

@Injectable({
    providedIn: 'root'
})

export class BordService {

  constructor(private http: HttpClient) { 

  }

  getJSON(): Observable <Landen> {

       return this.http.get<Landen>('./assets/json/landen.json');
  }

}

Я подписываюсь на него в компоненте, подобном:

ngOnInit() {
    this.BordService.getJSON().subscribe(data => {
      this.Land = data["Landen"];
    })

В моем HTML-коде я вызываю значения, определенные в JSON, следующим образом:

<svg>
  <polygon *ngFor="let Land of Landen" 
  id={{Landen.continent }}
  class= {{Landen.naam }}
  points={{ Landen.points }}/>

</svg>

Но мне все еще не удается вывести карту на экран ..

Любая и вся помощь будет признательна !!