Инициализация яндекс карты при наведении

При наведении на элемент не загружается полностью яндекс карта.

Вот html

<div class="map" data-long="50.6106903" data-lat="36.5612213" data-zoom="13" id="map1"></div>

Вот js

 $(".map").on("mouseover", function() {
    img = $(this).children("img");
    img.remove();
    id = $(this).attr("id");
    ymaps.ready(function () {
        mapZoom = $(this).attr("data-zoom");
        lat = $(this).attr("data-lat");
        long = $(this).attr("data-long");
        console.log(id);
        var myMap = new ymaps.Map(id, {
            center: [long, lat],
            zoom: mapZoom
        }, {
            searchControlProvider: 'yandex#search'
        });
        myPlacemark1 = new ymaps.Placemark([long, lat], {
            hintContent: ''
        });
        myMap.geoObjects.add(myPlacemark1);
    });
});

Яндекс карта загружается не до конца (вся серая без карты). Как это исправить?