Archived topic
adding a google map to my contact page
3 replies · Started by Mark on April 30, 2019
Hi,
I have a "Get in Touch" page on my site, and to the right of the contact form I would like to add a google map. Do I need to make a two column table, use CSS for the layout? Do I need a plugin to add the map? I use GP Premium, latest version.
Hi there,
yes you will need a plugin to add a google map, you will also need to set up a google map api key nowadays... they like to keep track on people using their map api.
Then some simple markup and CSS to wrap the shortcodes for the map and the form. Something like this:
<div class="two-column-grid">
<div class="gd-column">
<!-- add shortcode here -->
</div>
<div class="gd-column">
<!-- add shortcode here -->
</div>
</div>
@media (min-width: 768px) {
.two-column-grid {
display: grid;
grid-template-columns: 50% 50%;
}
}Thanks David,
Any particular google map plugin that you would recommend?
Mark
The one that is the most lightweight and allows for static maps to be requested, this has a lot of downloads for that reason:
