diff --git a/package.json b/package.json
index 46ba2aadf..383c074aa 100644
--- a/package.json
+++ b/package.json
@@ -78,6 +78,7 @@
     "@types/supercluster": "^3.0.2",
     "codelyzer": "~4.2.1",
     "core-js": "^2.5.3",
+    "hammerjs": "^2.0.8",
     "jasmine-core": "2.9.1",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~2.0.0",
diff --git a/src/app/demo/module.ts b/src/app/demo/module.ts
index ffe583f60..704dfab8f 100644
--- a/src/app/demo/module.ts
+++ b/src/app/demo/module.ts
@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms';
 import { MatButtonModule, MatButtonToggleModule, MatCardModule, MatListModule, MatRadioModule, MatSlideToggleModule, MatToolbarModule } from '@angular/material';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule, Routes } from '@angular/router';
+import 'hammerjs';
 import { NgxMapboxGLModule } from '../lib';
 import { DemoFileLoaderService } from './demo-file-loader.service';
 import { Display3dBuildingsComponent } from './examples/3d-buildings.component';
diff --git a/yarn.lock b/yarn.lock
index 3e38ca595..932725d7e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3455,6 +3455,10 @@ grid-index@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/grid-index/-/grid-index-1.0.0.tgz#ad2c5d54ce5b35437faff1d70a9aeb3d1d261110"
 
+hammerjs@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/hammerjs/-/hammerjs-2.0.8.tgz#04ef77862cff2bb79d30f7692095930222bf60f1"
+
 handle-thing@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-1.2.5.tgz#fd7aad726bf1a5fd16dfc29b2f7a6601d27139c4"