diff --git a/projects/project-3/frontend/package-lock.json b/projects/project-3/frontend/package-lock.json
index ccd339e..3c34130 100644
--- a/projects/project-3/frontend/package-lock.json
+++ b/projects/project-3/frontend/package-lock.json
@@ -7129,6 +7129,11 @@
       "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.7.1.tgz",
       "integrity": "sha512-/xwPEBidtg69Q3HlqPdU3DnrXQOvQU/CCHA1tcDQVzOwm91YMYaILjNp7L4Eaw5Z4sOYdbBz6koWyibppd8Zqw=="
     },
+    "leaflet.heat": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/leaflet.heat/-/leaflet.heat-0.2.0.tgz",
+      "integrity": "sha1-EJ2M9Ybwre5B8Fr/Ax4np3/swik="
+    },
     "leaflet.markercluster": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/leaflet.markercluster/-/leaflet.markercluster-1.4.1.tgz",
diff --git a/projects/project-3/frontend/package.json b/projects/project-3/frontend/package.json
index 0e4b6a6..32a9baa 100644
--- a/projects/project-3/frontend/package.json
+++ b/projects/project-3/frontend/package.json
@@ -26,6 +26,7 @@
     "bootstrap": "^4.5.3",
     "jquery": "^3.5.1",
     "leaflet": "^1.7.1",
+    "leaflet.heat": "^0.2.0",
     "leaflet.markercluster": "^1.4.1",
     "ng-apexcharts": "^1.5.6",
     "rxjs": "~6.6.0",
diff --git a/projects/project-3/frontend/src/app/service/map.service.ts b/projects/project-3/frontend/src/app/service/map.service.ts
index 78e31c3..20ae13b 100644
--- a/projects/project-3/frontend/src/app/service/map.service.ts
+++ b/projects/project-3/frontend/src/app/service/map.service.ts
@@ -1,6 +1,7 @@
-import {ChangeDetectorRef, Injectable} from '@angular/core';
+import {Injectable} from '@angular/core';
 import * as L from 'leaflet';
 import 'leaflet.markercluster';
+import 'leaflet.heat/dist/leaflet-heat';
 import {HttpClient} from '@angular/common/http';
 import {environment} from '../../environments/environment';
 import {PopUpService} from './pop-up.service';