script

AntonSweb · Oct 17, 2016 · 8391b7a · 8391b7a
commit 8391b7a
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/googleMaps.js b/googleMaps.js
@@ -0,0 +1,26 @@
+(function ($) {
+    var onMapMouseleaveHandler = function () {
+        var that = $(this);
+
+        that.on('click', onMapClickHandler);
+        that.off('mouseleave', onMapMouseleaveHandler);
+        that.find('iframe').css("pointer-events", "none");
+    }
+
+    var onMapClickHandler = function () {
+        var that = $(this);
+
+        // Disable the click handler until the user leaves the map area
+        that.off('click', onMapClickHandler);
+
+        // Enable scrolling zoom
+        that.find('iframe').css("pointer-events", "auto");
+
+        // Handle the mouse leave event
+        that.on('mouseleave', onMapMouseleaveHandler);
+    }
+
+    // Enable map zooming with mouse scroll when the user clicks the map
+    $('.yourClass').on('click', onMapClickHandler);
+
+}(jQuery));
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+</head>
+<body>
+
+<div class="yourClass">
+    <iframe style="pointer-events: none;"></iframe>
+</div>
+
+</body>
+</html>