Canvas Support

Google Maps Code Issue

2 replies · opened Mar 30, 2021

OOnly1BruceCMar 30, 2021

I am having a bit of a challenge with the Google Maps function when I attempt to validate the webpage.

The code you provided works fine BUT returns an error message – see attached.
I have tried every trick I know to eliminate the error but can’t find a remedy.

Here is the line of code that is causing the problem.

<section class="gmap slider-parallax vh-60" data-longitude="-86.59166527167613" data-latitude="16.297805838463372" data-zoom="13" data-scrollwheel="false" data-control-zoom="true" data-markers='[{address: "Gibson Bight, Roatan, Honduras", html: $("#map-marker-1").html(), icon:{ image: "images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] }}]'></section>

SSemicolon WebSTAFFMar 31, 2021

Hello,

Ideally this should not cause any issues, however, you can consider using the following instead:
[ch_pre][/ch_pre]

Simply made data-marker double quotes and the values inside single quotes. That's it.

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.

OOnly1BruceCMar 31, 2021

Perfect, Thanks

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