Error with loading of Google Maps

Hello,

You will need to use an API Key for the Google Maps. Using the Google Maps API Key was optional before but it has become mandatory recently. Please find the following code:

http://maps.google.com/maps/api/js

and replace it with:

https://maps.google.com/maps/api/js?key=YOUR_API_KEY

You can generate your API Key for Google Maps from here: https://developers.google.com/maps/documentation/javascript/ and then Click on Get a Key in the Header.

Additionally, make sure you select the Browser Key and also add your Domain Name in the HTTP Referrer Section.

This should definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Please consider enabling the GeoCoding API in order to fix this issue. Additionally, you can simply remove the address Option from the Google Maps JS Script and then add a latitude/longitude combination in the Code. Example:

<script type="text/javascript">

	jQuery('#google-map').gMap({

		latitude: -37.9712369,
		longitude: 144.4926746,
		maptype: 'ROADMAP',
		zoom: 9,
		markers: [
			{
				address: "Melbourne, Australia",
				html: '<div style="width: 300px;"><h4 style="margin-bottom: 8px;">Hi, we\'re <span>Envato</span></h4><p class="nobottommargin">Our mission is to help people to <strong>earn</strong> and to <strong>learn</strong> online. We operate <strong>marketplaces</strong> where hundreds of thousands of people buy and sell digital goods every day, and a network of educational blogs where millions learn <strong>creative skills</strong>.</p></div>',
				icon: {
					image: "images/icons/map-icon-red.png",
					iconsize: [32, 39],
					iconanchor: [13,39]
				}
			}
		],
		doubleclickzoom: false,
		controls: {
			panControl: true,
			zoomControl: true,
			mapTypeControl: true,
			scaleControl: false,
			streetViewControl: false,
			overviewMapControl: false
		}
	});

</script>

This should definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Hello,

Please consider using this URL: https://developers.google.com/maps/documentation/geocoding/get-api-key to enable the GeoCoding API. This will definitely fix the issue.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

The Server Key is not required for this. You will simply need to click on the Get a Key Button and then Choose your Project and Enable the API.

This will definitely work fine.

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

Hello,

[sb_private_reply]We Really Apologize about the Delays in replying to your Support Query and Really Really Appreciate your Patience with us![/sb_private_reply]

We have just checked out your Page and the Google Maps seems to be working fine for us. Additionally, if you are still facing this issue, then please consider adding your Domain Names in the Allowed Referrer List of the API Key Console. This might fix it for you.

Thanks for your Patience. Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Hello,

Thank You so much for the Explanation. We will surely make sure that we add that information to Our Future Replies. Thanks for your Patience.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.