Change how popup is instantiated and bound to map

Author: Aaron Caldwell

src/plugins/maps_legacy/public/map/kibana_map.js

@@ -20,6 +20,7 @@
 import { EventEmitter } from 'events';
 import { createZoomWarningMsg } from './map_messages';
 import L from 'leaflet';
+import { ResponsivePopup } from 'leaflet-responsive-popup';
 import $ from 'jquery';
 import _ from 'lodash';
 import { zoomToPrecision } from './zoom_to_precision';
@@ -228,10 +229,10 @@ export class KibanaMap extends EventEmitter {
       }
 
       if (!this._popup) {
-        this._popup = L.responsivePopup({ autoPan: false });
+        this._popup = new ResponsivePopup({ autoPan: false });
         this._popup.setLatLng(event.position);
         this._popup.setContent(event.content);
-        this._popup.openOn(this._leafletMap);
+        this._leafletMap.openPopup(this._popup);
       } else {
         if (!this._popup.getLatLng().equals(event.position)) {
           this._popup.setLatLng(event.position);