refactor: move remove element to Util.js

src/js/Map/createMarkers.js

@@ -15,7 +15,7 @@ export default function createMarkers(markers = {}, isRecentlyCreated = false) {
     point = this.getMarkerPosition(markerConfig)
     uid = markerConfig.coords.join(':')
 
-    // We're checking if recently created marker is already exists
+    // We're checking if recently created marker is already existed
     // If exists we don't need to create it again, so we'll continute
     // Becuase we may have more than one marker.
     if (isRecentlyCreated) {

src/js/Map/createTooltip.js

@@ -1,12 +1,12 @@
 import Util from '../Util/Util'
 
 export default function createTooltip() {
-  const map = this, tooltip = Util.createElement('div', 'jvm-tooltip')
+  const tooltip = Util.createElement('div', 'jvm-tooltip')
 
   this.tooltip = Util.$(document.body.appendChild(tooltip))
 
   this.container.on('mousemove', event => {
-    if (map.tooltip.selector.style.display === 'block') {
+    if (this.tooltip.selector.style.display === 'block') {
       const container = this.container.selector.querySelector('#jvm-regions-group').getBoundingClientRect()
       const space = 5 // Space between the cursor and tooltip element
 

src/js/Util/Util.js

@@ -25,6 +25,10 @@ const Util = {
     return el
   },
 
+  removeElement(target) {
+    target.parentNode.removeChild(target)
+  },
+
   $: selector => new DomHandler(selector),
 
   hyphenate: string => string.replace(/[\w]([A-Z])/g, m => `${m[0]}-${m[1]}`).toLowerCase(),