Google map does not appear in mobile view

6 replies · opened Sep 20, 2018

SScreamdesignSep 20, 2018

I use the script coding from the google map console recommend. It shows perfectly on PC but doesn't show via mobile. I already add the min-height as you recommended the post before. Please check my coding in the attachment if there is anything wrong with it. Many thanks.

SSemicolon WebSTAFFSep 20, 2018

Hello,

Upon checking your codes, it appears that these are not the codes used in Canvas. Please consider using the Default Codes that comes with the Package and please provide us with a Live URL so that we can check out the issue live. 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.

SScreamdesignSep 20, 2018

Hi, i already changed the coding to the Canvas default coding for google map and it's all grey as you can see in the attached file. The map is not working in PC and mobile. The website is www.tivers.net

SSemicolon WebSTAFFSep 20, 2018

Hello,

We have checked out your Website and receive the following error message from the Google APIs:

Geocoding Service: This API project is not authorized to use this API.  For more information on authentication and Google Maps JavaScript API services please see

Please make sure that the API Key you are trying to use is properly configured. Consider checking out the official documentation: https://developers.google.com/maps/documentation/javascript/get-api-key on how to obtain the API Key. Then replace the existing API Key from the following code on your Page:

with the New API Key you have recently generated using the above steps.

This will definitely work fine. Hope this Helps!

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

SScreamdesignSep 21, 2018

The map is showing on PC rightnow. However it's still not showing via mobile. How to fix that?

SScreamdesignSep 23, 2018

Problem solve, After taking the d-none out. Google map show both in PC and mobile.

SSemicolon WebSTAFFSep 24, 2018

Hello,

Yes! Removing the Responsive Display classes from the Google Maps DIV will display the Google Maps on Mobile Devices as well.

Really Glad that your issues were resolved. 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.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard