Google Map Shows blank

9 replies · opened Oct 7, 2020

BbintangjtobingOct 7, 2020

Hello sir,
so I want to put google map multi marker on my web page, and when i set it up, it shows blank. Can you help me, please?

SSemicolon WebSTAFFOct 8, 2020

Hello,

This appears to be an issue with the HTML Codes which are not properly formatted. Can you please provide us with a Live URL or the Code Sample so that we can check out the exact issue and provide you with more assistance on this. 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.

BbintangjtobingOct 9, 2020

Okay sir.. I just have been uploaded on my hosting.
You can check on live URL https://btsa.co.id/newversion

Thank you sir

SSemicolon WebSTAFFOct 10, 2020

Hello,

Thanks for your Patience!

We have checked out your Website and there are some jQuery errors on the Page causing the issue. Can you please consider fixing the jQuery errors first on the Page as mentioned in your Browser's Developer Console. And if you are still facing further issues, we can check this again for you.

Additionally, please turn off the Rocket Loader in your Cloudflare Settings to avoid any conflicts.

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

BbintangjtobingOct 12, 2020

Hello..
I have already disabled rocket loader from cloudflare.

SSemicolon WebSTAFFOct 12, 2020

Hello,

Thanks for your Patience!

We have checked this out for you and the issue appears to be with incorrect Line Breaks in your data-marker Attribute. Please update your codes with the following:
[ch_pre]data-markers='[{latitude:3.603072, longitude:98.709327,html: "Medan, Indonesia"},{latitude:-6.1500189, longitude:106.8950059,html: "Jakarta, Indonesia"}]' data-icon='{image: "https://res.cloudinary.com/bintangtobing-com/image/upload/v1601610976/webpublic/map-icon-red.png",iconsize: [32, 32],iconanchor: [14,44]}'[/ch_pre]

and your issue should be resolved. Make sure that you always remove Line Breaks from the JSON Codes. Hope this Helps!

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

BbintangjtobingOct 13, 2020

Hello sir, i have been already change my line breaks i my data-marker attribute, but it won't change.

SSemicolon WebSTAFFOct 13, 2020

Hello,

We have checked this out on our DEV Files and it appears to be working perfectly fine (see attached screenshot). Here is the code we are using:
[ch_pre][/ch_pre]

Make sure that you copy the exact codes above and please notice the removed line-breaks. Consider following the exact documentations provided here: http://docs.semicolonweb.com/docs/shortcodes/google-maps/ and use this tool: https://codebeautify.org/text-minifier to remove the Space, Tabs, and Lines.

This should definitely work fine. Hope this Helps!

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

BbintangjtobingOct 14, 2020

Maybe this issue was solved sir.
Thank you very much for your support sir

SSemicolon WebSTAFFOct 14, 2020

Hello,

Glad that your issues were resolved. Very Happy to Help! :)

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