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?
Google Map Shows blank
9 replies · opened Oct 7, 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.
Okay sir.. I just have been uploaded on my hosting.
You can check on live URL https://btsa.co.id/newversion
Thank you sir
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.
Hello..
I have already disabled rocket loader from cloudflare.
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.
Hello sir, i have been already change my line breaks i my data-marker attribute, but it won't change.
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.
Maybe this issue was solved sir.
Thank you very much for your support sir
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