Google Maps support - Githubissues

In the last while, I have been trying to add Google Maps support to Ajaxify.

Here is the salient HTML I'm trying out now, which should be placed on the target page (only):

<div id="map"></div>
<script>function initMap() {  
    var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 15,
    center: {lat: 48.1351253, lng: 11.581980499999986}
});}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=myKey&#038;callback=initMap"></script>
<script>typeof(google) !== "undefined" && initMap();</script>

(the last line I have made up myself, for the approach to work with Ajaxify)

You can see it working without issues on these two sites:

However, it fails on this site:

Demo 3 (...when traversing from a different page to this "Kontakt" page)

...with the following error message in the console: ...initMap is not a function...

Any ideas, why the third demo doesn't work?

All three demos share the above code. In all three cases the div id="map" is dimensioned generously in the respective stylesheets to reserve space for the map. The only striking difference to Demo 3 is that some scripts, including Ajaxify are loaded later. It is a Bootstrap + Ajaxify site with extremely clean HTML, whereas the first two demos are Wordpress + Ajaxify sites.

arvgta / ajaxify

Google Maps support #152