Breaking News: Grepper is joining You.com. Read the official announcement!

Type 'Icon<{ iconUrl: string; shadowUrl: string; iconSize: [number, number]; iconAnchor: [number, number]; popupAnchor: [number, number]; shadowSize: [number, number]; }>' is not assignable to type 'Icon<{ iconUrl: string; iconRetinaUrl: string; iconSize:

chaima bouzid answered on June 17, 2023 Popularity 1/10 Helpfulness 1/10

answer Type 'Icon<{ iconUrl: string; shadowUrl: string; iconSize: [number, number]; iconAnchor: [number, number]; popupAnchor: [number, number]; shadowSize: [number, number]; }>' is not assignable to type 'Icon<{ iconUrl: string; iconRetinaUrl: string; iconSize:

Type 'Icon<{ iconUrl: string; shadowUrl: string; iconSize: [number, number]; iconAnchor: [number, number]; popupAnchor: [number, number]; shadowSize: [number, number]; }>' is not assignable to type 'Icon<{ iconUrl: string; iconRetinaUrl: string; iconSize:

Comment

private addMarker(latitude: number, longitude: number, popupContent: string): void {
  let markerIcon = this.smallIcon; // Utilise l'icône par défaut (bleu)

  if (latitude === 36.456 && longitude === 10.732) {
    // Vérifie si les coordonnées correspondent à Nabeul
    markerIcon = this.smallIcon;
  } else if (latitude === 34.739 && longitude === 10.76) {
    // Vérifie si les coordonnées correspondent à Sfax
    markerIcon = this.smallIcon;
  } else if (latitude === 35.827 && longitude === 10.636) {
    // Vérifie si les coordonnées correspondent à Sousse
    markerIcon = new L.Icon({
      iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
      iconRetinaUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
      shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
      iconSize: [25, 41],
      iconAnchor: [12, 41],
      popupAnchor: [1, -34],
      shadowSize: [41, 41],
    });
  } else if (latitude === 37.274 && longitude === 9.873) {
    // Vérifie si les coordonnées correspondent à Bizerte
    markerIcon = new L.Icon({
      iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-violet.png',
      iconRetinaUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-violet.png',
      shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
      iconSize: [25, 41],
      iconAnchor: [12, 41],
      popupAnchor: [1, -34],
      shadowSize: [41, 41],
    });
  }

  const marker = L.marker([latitude, longitude], { icon: markerIcon });
  marker.bindPopup(popupContent);
  marker.addTo(this.map);
}

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: chat.openai.com

Tags: typescript

Link to this answer
Share Copy Link

Contributed on Jun 17 2023

chaima bouzid

0 Answers Avg Quality 2/10

Type 'Icon<{ iconUrl: string; shadowUrl: string; iconSize: [number, number]; iconAnchor: [number, number]; popupAnchor: [number, number]; shadowSize: [number, number]; }>' is not assignable to type 'Icon<{ iconUrl: string; iconRetinaUrl: string; iconSize:

Contents

More Related Answers

Type 'Icon<{ iconUrl: string; shadowUrl: string; iconSize: [number, number]; iconAnchor: [number, number]; popupAnchor: [number, number]; shadowSize: [number, number]; }>' is not assignable to type 'Icon<{ iconUrl: string; iconRetinaUrl: string; iconSize:

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.