CMTV

Думаю дело в type: image

Переделала на type: inline (универсально для кастомного содержимого):

$('.btn').magnificPopup({
  items: { 
    src: 
          '' +
          '<div class="mfp-figure">' +
          '<button title="Close (Esc)" type="button" class="mfp-close">×</button>' +
          '<img class="mfp-img" src="http://lorempixel.com/1920/1080/">' +
          '<div class="mfp-bottom-bar"><div id="map"></div></div>' +
          '</div>',
    type: 'inline' 
  },
  callbacks: {
    open: function(){
      var map_options = {
                center: {lat: 55.753994, lng: 37.622093},
                //streetViewControl: false,
                zoom: 8
            };

            var map = new google.maps.Map(document.getElementById('map'), map_options);
          
          google.maps.event.trigger(map, "resize");
    }
  },
  
});

Cмотри CodePen

P.S: чуточку поменяла координаты карты, просто, для наглядности