Discussion :

[morey83]

Quand j'appelle mon composant une fois ca fonctionne :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<map-affiche [lat]="lat" [lng]="lng"></map-affiche>

mais quand je l'appelle plusieurs fois j'ai une erreur :

"Map container is already initialized."

html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="map" class="center"></div>

typescript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
  @Input() lat: number;
  @Input() lng: number;
 
  ngOnInit() {
    const map = L.map('map', {
      center: [this.lat, this.lng],
      zoom: 19,
      attributionControl: false
    });
   }

Avez vous une idée ? Merciiiiiiiiii

ps : j'ai essayé de rendre dynamic le container mais en vain :

html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="{{ 'map' + id }}" class="center"></div>

typescript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
    let variable = 'map' + this.id;
 
    var map = L.map(this[variable], {
      center: [this.lat, this.lng],
      zoom: 19,
      attributionControl: false
    });