Hi Guys
Working on a new studio site, love your template ♥
Can't get the maps, in the bottom of the footer to work. Any advice?
3 replies · opened Apr 11, 2021
Hi Guys
Working on a new studio site, love your template ♥
Can't get the maps, in the bottom of the footer to work. Any advice?
Hello,
Thanks for the Kind Words!
We have checked out your Website and we are getting the following error message:
[ch_pre]Google Maps JavaScript API error: RefererNotAllowedMapError
https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error[/ch_pre]
So it appears that the API Key is not allowed to be used on your Website. Simply adding this Website to the HTTP Referrers list will fix this issue. Additionally, we also noticed that the Codes you are using to Embed the Google Maps is not supported (see attached) and the Default Codes provided with Canvas must be used: http://themes.semicolonweb.com/html/canvas/maps.html .
You can also check your Browser’s Developer Console for more details on the errors.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Thank you so much, So I got all that fixed.
Just a note I was just following your advice in the documentation to use snazzymaps.com.
Anyway they are out, and it works ☺
But the map does not stretch across the 100% width of the page. Do you have advice to solve that too?
Kind regards
Eskil
Hello,
The Style Code from the SnazzyMaps Website must only be used in the data-styles Attribute in the Default Google Maps Codes, as mentioned here: http://docs.semicolonweb.com/docs/shortcodes/google-maps/#docs-options .
Glad this issue was resolved. To make the Maps, full-width, simply remove the parent .container DIV wrapping the Google Maps codes (see attached). Also, you must consider validating your HTML Codes and fix the issues related to the unclosed HTML Tags: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.astangastudio.dk%2Fsider%2Findex.html, otherwise, this would cause unexpected issues on your website.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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