npm i leaflet

import { Map, tileLayer, marker, icon, control } from 'leaflet';

 initMap() {
    const map = new Map('map', {
      attributionControl: false,
      zoomControl: false
    }).setView([this.order.source_lat, this.order.source_lon], 17);

    tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);


    const customMarkerIcon = icon({
      iconUrl: 'assets/img/marker.png',
      iconSize: [64, 64],
      popupAnchor: [0, -20]
    });

    marker([this.order.source_lat, this.order.source_lon], { icon: customMarkerIcon })
      .bindPopup(`<b>№ ${this.order.order_id}</b>`, { autoClose: true })
      .addTo(map);
  }