Карты гугл. Запутался

Получаю ошибку InvalidValueError: initMap is not a function
Скрипты подключаю так:

...
wp_register_script('mfwpl_gmaps', 'https://maps.googleapis.com/maps/api/js?key='.$gapikey.'&callback=initMap');
wp_enqueue_script('mfwpl_gmaps','', '','', true); // подключаем в футер
wp_register_script('mfwpl_gmaps_js', plugins_url('/create-gmaps.js', __FILE__));
wp_enqueue_script('mfwpl_gmaps_js', '', '', '', true);
...

create-gmaps.js:

jQuery(function($){  
 $(document).ready( function() {
 console.log("Connect create-gmaps.js");
 function initMap() {
	map = new google.maps.Map(document.getElementById('mfwpl0'), {
		center: {lat: -34.397, lng: 150.644},
		zoom: 8
	});
 }
})});

Через шорткод выводится див
<div class="map" id="mfwpl0"></div>

Как мне изменить код, чтобы работал? Примерно понимаю, что проблема с инициализцией, но чет реально запутался((