Add Google Maps API key
Without an API key, the maps block diplays:
Oops! Something went wrong.
I read herehttps://www.latecnosfera.com/2016/06/google-maps-api-error-missing-k... that one would need to modify the source like this:
But I couldn't find a way to modify the source of this block.
Thanks for your help!
You can download the Styled Maps add-on for free from the marketplace.
It is a Google maps block that has all the functionality of the standard Google maps block plus some added map & styling options.
I updated the add-on in June to now accept a Google maps API key from the front end, so no need to change source code.
You can find the add-on here ...
However, if you really would rather change the source code then let me know and I will point you to the files that need updating.
Hope this helps.
or you can use the responsive i-frame block, where you paste the url from maps.google.
how to disable the scroll whell on mobile ist something i haven't found out yet. maybe someone else can help.
What may seem to work in one browser may not work in another and the solutions seem to be rough workarounds at best.
According to documentation I have read, adding overflow:hidden; to your iframes css is the way to remove the scroll bars and still be HTML5 valid but personally I have had no luck when testing this. The scroll bars are always visible.
The other option (but not HTML5 compliant) is to add scrolling="no" to your iframe, for example;
<iframe src="www.somepage.com" scrolling="no"></iframe>
This will remove the scroll bars but the down side is the iframe is now static and can no longer be scrolled and will no longer be HTML5 valid.
The latest 22.214.171.124 release of concrete5 includes a quick fix for the core Google Map block. It now provides an input field for adding an API key and a check to see if it is valid.