Witam serdecznie,
Mam taki kod:

 
<!DOCTYPE html>
<html lang="pl">
	<head>
    	<meta charset="utf-8">
        <meta name="googlebot" content="index, follow" />
        <meta name="robots" content="index,follow" />
        <meta http-equiv="Cache-Control"  content="no-store, no-cache, must-revalidate" />
        <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
        <meta http-equiv="Pragma" content="no-cache" />
        <script src="js/jquery-2.1.1.min.js"></script>	
	    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTMtpxeKLL1goekXSe73nSY8mtgK9q2ys&v=3.exp&callback=initMap"></script>
	    <script src="jquery.geolocation.edit.js"></script>
	</head>
<script type="text/javascript">
$(document).ready(function() {
 $("#map").geolocate({
	lat: "#lat",
	lng: "#lng"
});

});    
</script>
<style>
    #map { width:100%; height:400px; }
</style>

<div id="map"></div>
    <input type="hidden" class="txtfield" id="lat" value="54.580570" name="szer">
    <input type="hidden" class="txtfield" id="lng" value="16.862211" name="dl">
                          
</body>
</html>

I to mi zwraca:
InvalidValueError: initMap is not a function

Strona jest oczywiście większa, ale to już się sypie nawet w takim małym fragmencie sad.gif
Co mam nie tak w powyższym kodzie?