Как сделать модальное окно с картой Яндекс (Гугл)? - Joomla 3.x: Установка, обновление и настройка

<a class="fancybox-media" href="#map" title="Некоторый заголовок FancyBox">Хочу карту</a>.

<div id="map"></div>

.fancybox-media {
  display: inline-block;
  margin: 1em;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  background: #5A8AB1;
  color: #fff;
}

#map {
  display: none;
  width: 950px;
  height: 600px;
}

$(function() {
  var init = false;

  $('.fancybox-media').fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    beforeLoad: function() {
      if (init) return;
      loadMap(950, 650, 'map');
      init = true;
    },
    helpers: {
      title: {
        type: 'inside',
        position: 'bottom'
      },
      media: {}
    }
  });

  function loadMap(width, height, target) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '//api-maps.yandex.ru/services/constructor/1.0/js/?sid=XVr6Wn450cnx--RaZkc_gtiOXSQFMB9O&width=' + width + '&height=' + height + '&lang=ru_RU&sourceType=constructor&id=' + target;
    document.head.appendChild(script);
  }
});

<a data-fancybox="" href="https://www.google.lv/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572">Google Map</a>

<li>
		<a class="various fancybox.iframe" href="http://maps.google.com/?output=embed&f=q&source=s_q&hl=en&geocode=&q=London+Eye,+County+Hall,+Westminster+Bridge+Road,+London,+United+Kingdom&hl=lv&ll=51.504155,-0.117749&spn=0.00571,0.016512&sll=56.879635,24.603189&sspn=10.280244,33.815918&vpsrc=6&hq=London+Eye&radius=15000&t=h&z=17">Google maps (iframe)</a>
	</li>

<a data-fancybox="" href="https://www.google.lv/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572">Google Map</a>

<a data-fancybox="" href="https://yandex.by/maps/157/minsk/?clid=1929744&ll=27.530600%2C53.909351&z=15&mode=search&ol=geo&ouri=ymapsbm1%3A%2F%2Fgeo%3Fll%3D27.531%252C53.909%26spn%3D0.001%252C0.001%26text%3D%25D0%2591%25D0%25B5%25D0%25BB%25D0%25B0%25D1%2580%25D1%2583%25D1%2581%25D1%258C%252C%2520%25D0%259C%25D0%25B8%25D0%25BD%25D1%2581%25D0%25BA%252C%2520%25D1%2583%25D0%25BB%25D0%25B8%25D1%2586%25D0%25B0%2520%25D0%259C%25D0%25B0%25D0%25BA%25D1%2581%25D0%25B8%25D0%25BC%25D0%25B0%2520%25D0%25A2%25D0%25B0%25D0%25BD%25D0%25BA%25D0%25B0%252C%252034%25D0%25BA2%2520">КАРТА</a>

<a data-fancybox="iframe" data-src="https://yandex.ru/map-widget/v1/?um=constructor%3A1ff2981c28ea9db865a0bad283427e078c9a558d9bf94319967e81a003eb8eca&amp;source=constructor" data-type="iframe" href="javascript:;">Карта</a>