Как правильно подключить файлы js к шаблону сайта

Добрый день! Столкнулся с небольшой проблемой. Пробовал разными методами. К шаблону подключается файл  <?$APPLICATION->AddHeadScript(SITE_TEMPLATE_PATH."/js/app/maps.js");?> в этом файле находятся еще скрипты подключения, а именно:

function loadScript() {
   var script = document.createElement('script');
   script.type = 'text/javascript';
   script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
   'callback=initGoogleMaps';
   document.body.appendChild(script);
}

window.onl oad = loadScript;

function initScripts() {
   var $scripts = [
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.extensions.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.services.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.microdata.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.microformat.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.overlays.js",
       "js/vendor/maps/google/jquery-ui-map/ui/jquery.ui.map.rdfa.js",
       "js/vendor/maps/google/jquery-ui-map/addons/infobox_packed.js",
       "js/vendor/maps/google/jquery-ui-map/addons/markerclusterer.min.js"
   ];

Но при таком подключении не работает, если я выношу все скрипты непосредственно в шаблон, то все хорошо работает, подскажите как правильно реализовать не вынося их в шаблон, а оставить так как есть. Спасибо