Google Maps API Error: "initMap is not a function"
<p>I'm getting the Google Maps API Error: <code>initMap is not a function</code>. The weird thing is, that my map was working fine on my local testing, then I uploaded it to my site and got the error. Now it's not working on my local machine either. What is going on?</p>

<p><b>HTML</b></p>

<pre><code>&lt;div class="row"&gt;
    &lt;div class="container-fluid"&gt;
        &lt;div id="map"
             class="hidden-xs hidden-sm" 
             style="width:101%;height:400px;background:yellow"&gt;
        &lt;/div&gt;
    &lt;/div&gt;      
&lt;/div&gt;
</code></pre>

<hr>

<pre><code>&lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;

&lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
&lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
    function myMap() {
        var myCenter = new google.maps.LatLng(40.488158, -85.615340);
        var mapCanvas = document.getElementById("map");
        var mapOptions = {
            center: myCenter,
            zoom: 18
        };
        var map = new google.maps.Map(mapCanvas, mapOptions);
        var marker = new google.maps.Marker({
            position: myCenter,
            icon: 'img/smally.png',
            animation: google.maps.Animation.BOUNCE
        });

        marker.setMap(map);
    }
&lt;/script&gt;
&lt;script src="https://maps.googleapis.com/maps/api/js?callback=myMap"&gt;&lt;/script&gt;
</code></pre>