Я решил проблему, может кому поможет. Вот как выглядит мой код.
$(".map").empty();
$(".map").append('<div id="map" style="width: 100%; height: 250px;"></div>')
var DG = require('2gis-maps');
if ($('#map').length){
var locationInfo = document.getElementById('location');
DG.then(function () {
var map,
marker;
map = DG.map('map', {
center: [lat, lng],
zoom: 9
});
marker = DG.marker([lat, lng], {
draggable: false
}).addTo(map);
marker.on('drag', function(e) {
var lat_edited = e.target._latlng.lat.toFixed(6);
var lng_edited = e.target._latlng.lng.toFixed(6);
});
});
}
<div class="map" style="margin-bottom: 20px;"></div>
Что я делаю, я сначала очищаю div с классом map, тем самым убираю старую карту, и создаю новый div с id map. А потому уже сама карта, как же я долго мучался. ))