![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
August 15, 2018 at 10:46 pm #997706
Hi guys,
Can you just tell me how to take a plain Google Maps embed cod and make it full width without having the pay for the Google API. Thanks!
August 15, 2018 at 11:31 pm #997715https://cloud.google.com/maps-platform/pricing/sheet/
https://venturebeat.com/2018/05/02/google-maps-platform-arrives-with-pay-as-you-go-billing-free-support-and-cloud-requirement-starting-june-11/Are you really going to have 20000+ impressions per month? Can it just be static?
Just set a threshold so you dont surpass $200/monthLook at https://www.openstreetmap.org its free
August 16, 2018 at 7:42 am #997819Hi hylandgraphics,
As @aribann pointed out, there is little chance that you will ever have to pay for Google Maps. If if you don’t want to add your billing details then you can always screenshot the map and use it as an image and link to the actual map. That will likely help the speed of your site as well.
Best regards,
RikardAugust 16, 2018 at 5:14 pm #998013I see what you mean now. I registered the API key but it is still not working. I really prefer the standard embed code from Google anyhow. I just want to stretch it full screen in a container. I know I have done this before. How can I do this in Enfold. See the shot below. The map at the bottom should be full screen with a simple embed. Thanks for your help!
-
This reply was modified 6 years ago by
hylandgraphics.
August 16, 2018 at 5:38 pm #998028I just used a single cell with no padding. There is still a bit of padding on top and bottom but it is now stretched full screen. Any idea on how to get rid of that padding? Thanks for your replies!
-
This reply was modified 6 years ago by
hylandgraphics.
August 16, 2018 at 7:22 pm #998093No problem
August 16, 2018 at 7:23 pm #998095Can you tell me how to remove the tiny bit of padding on top and bottom? You can see it in the link. Thanks!
August 17, 2018 at 6:34 am #998268Hi,
Thanks for the feedback. Please try this in Quick CSS to remove the margins:
.page-id-224 #av-layout-grid-2 .avia_textblock p { margin: 0 !important; }
Best regards,
RikardAugust 17, 2018 at 9:22 am #998344Dear Rikard – i think a screenshot is not a good advice. This seems to break the copyright of google.
Screenshots (even it is concerning to the api images):
Private use on the Internet: not permitted
Commercial use on the Internet: not permitted
If you use Screenshot of maybe Google Earth: then you could get into copyright conflicts with third party providers (satellite operators etc.).August 17, 2018 at 2:55 pm #998470August 17, 2018 at 3:32 pm #998479The code worked like a charm, thank you. Also a screen shot would really defeat the purpose of getting directions which even in Enfold with the API, I do not see the ability for directions unless I am missing something?
August 17, 2018 at 4:04 pm #998490you can alway have a link to a routeplaner – without any api
<a href="https://www.google.com/maps/dir/''/Weber,+digitale+Dienstleistung,+Ludwig-Schopp-Stra%C3%9Fe+27,+53117+B (Email address hidden if logged out) ,7.0581663,14z/data=!4m8!4m7!1m0!1m5!1m1!1s0x47bee1bd23796923:0x7fcf775f84623228!2m2!1d7.05482!2d50.75646" target="_blank" rel="noopener">Routenplaner</a>
Just look for your location in Google Map – make your settings ( zoom , centering, etc) – copy the link from the browser Url on top and put it as link target.
boardsoft changes these links with @
but this will work too: Route Planer -
This reply was modified 6 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.