Discussion :

[balasti]

Bonjour, mon dernier projet me fais travailler avec leaflet (alternative de google map),
dans les markers je peux mettre que du code html brut,
j'aimerai avoir la possibilité d'y intégrer un component, pour insérer un routerLink, je sais que ça se fais, mais j'ai pas trouver la bonne méthode !
Quelqu'un à déjà eu un cas comme ça à gérer ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
  leafletMap() {
    this.map = new Map('mapId2').setView([45.180998, 5.721376], 10);
 
    tileLayer('http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png', {
      attribution: 'edupala.com'
    }).addTo(this.map);
 
    const markPoint = marker([45.180998, 5.721376]);
    markPoint.bindPopup(' (emplacement du routerLink)');
 
    this.map.addLayer(markPoint);
  }

[krakatoa]

j'ai un peu de mal à comprendre

Code :

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

1
2
 
 markPoint.bindPopup(' (emplacement du routerLink)');      //  doit être que du HTML ?

tu veux y mettre un router link ? un lien cliquable quoi ? une balse <a href="...... ?

[balasti]

oui, on peut mettre du code html de base ! donc lien, titre.... mais elle n'est pas considérer comme une vue, donc je ne peux pas insérer de routerLink ou de component, d'ou mon problème !

Et effectivement j'aimerai pouvoir mettre un routerLink !

le lien marche avec un href, mais je ne veux pas de rafraîchissement de la page !

[dukoid]

le code de leaflet fonctionne apparemment ainsi

markPoint.bindPopup(' (emplacement du routerLink)');

tu fous une url dedans et le code de leaflet fait un rafraîchissement de la page.
ça n'a aucun rapport avec Angular car il n'a pas la main dessus.


de plus c'est une popup, c'est censé afficher un message !

c'est quoi le but quand on clique sur un marqueur ?
pour une action particulière, faut plutôt voir du coté des events mark sur leaflet. si les choses sont bien faites sur leaflet, ça devrait exister !