Google Maps

Hello, I have followed all the steps. However the google map does not appear. Can you assist?

I replaced the google key with "my key" as I just dont want others to see it. based on the attachment - have I done it correctly

<!-- External JavaScripts
============================================= -->
<script src="../js/jquery.js"></script>
<script src="../js/plugins.js"></script>

<!-- Google Map JavaScripts
============================================= -->
<script src="https://maps.google.com/maps/api/js?key=AIzaSyBHpvaiACe4pbbWNPG7cR12jny9AHT****" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>"></script>
<script src="../js/jquery.gmap.js"></script>


<!-- Footer Scripts
============================================= -->
<script src="../js/functions.js"></script>

<script>

<div id="google-map1" style="height: 250px;" class="gmap"></div>
	jQuery(window).on( 'load', function(){

	
		// Google Map
		jQuery('#headquarters-map').gMap({
			address: '15 Gateway Blvd, Brampton, Ontario',
			maptype: 'ROADMAP',
			zoom: 14,
			markers: [
				{
					address: "15 Gateway Blvd, Brampton, Ontario",
					html: "15 Gateway Blvd, Brampton, Ontario",
					icon: {
						image: "images/icons/map-icon-red.png",
						iconsize: [32, 32],
						iconanchor: [14,44]
					}
				}
			],
			doubleclickzoom: false,
			controls: {
				panControl: false,
				zoomControl: false,
				mapTypeControl: false,
				scaleControl: false,
				streetViewControl: false,
				overviewMapControl: false
			},
			styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"administrative","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"administrative.country","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"administrative.country","elementType":"geometry","stylers":[{"visibility":"simplified"}]},{"featureType":"administrative.country","elementType":"labels.text","stylers":[{"visibility":"simplified"}]},{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.locality","elementType":"all","stylers":[{"visibility":"simplified"},{"saturation":"-100"},{"lightness":"30"}]},{"featureType":"administrative.neighborhood","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"administrative.land_parcel","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"visibility":"simplified"},{"gamma":"0.00"},{"lightness":"74"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"landscape.man_made","elementType":"all","stylers":[{"lightness":"3"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road","elementType":"geometry","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}]
		});

	});

</script>

</body>
</html>

I Have enabled the above. I will test and advise further

Hello that did not solve the problem. I have enabled the APIs but still no map.

Did I put the following in the wrong spot ? <div id="google-map1" style="height: 250px;" class="gmap"></div> I put that right before the jQuery(window).on( ‘load’, function(){

Further with the one page HMTL - I find in all 3 different browsers - i get the 3 dots (waiting to load) it takes a while. How do I fix this.

Hi,

Here is my URL:

http://www.bankatruckloan.com/

Your Support is amazing. Thank you - and that Worked.

Please let me know if new products you publish in the future !