tanakayasuo

<p>The Maps for Contact Form 7 collects data with place and analyze the data with google map.</p>
<p>Preparation:<br />
   (1) get google map api key and set the key in the settings of the Maps for Contact Form 7.  recommend that api key should be restricted by referer.<br />
   (2) set google map language and region in the settings of the Maps for Contact Form 7.<br />
   (3) to collect data, put place field on the Contact Form 7 form and add the form to target forms in the settings of the Maps for Contact Form 7. The place field is customized by reserverd keywords and place types.  The reserverd keywords and place types are used in textsearch google places api.<br />
   (4) add the Contact Form 7 form in Pages menu in wordpress.<br />
   (5) add Maps for Contact Form 7 shortcode( ‘maps-for-contact-form-7’ ) with the form id of Contact Form 7 form in Pages menu in wordpress.  Examples is the follwoing.<br />
    ‘[maps-for-contact-form-7 form-id=”the form id”]’</p>
<p>Collect data:<br />
   (1) access the page with Contact Form 7 form and submit the data.<br />
   (2) the data is listed in ‘Contact Forms List With Places’ menu in admin page.</p>
<p>Analyze data:<br />
   (1) access the page with Maps for Contact Form 7 shortcode.<br />
   (2) if radio buttons are included in the Contact Form 7 form, you can focus by radio button items. In case of that there are multiple radio buttons, it is focused by and condition.</p>


Maps for Contact Form 7

Addon of the contact form 7 that adds place field.  The places submitted are overlooked by shortcode( 'maps-for-contact-form-7' ).

Binsaifullah

<p>Gmap Block is a custom Gutenberg block plugin to display Google map in Gutenberg editor without using any API key. Simply drag and drop the block to add the Google map easily. So, display Google map quickly without any hassles, and customize it as per your need.</p>
<p><a href="https://gmap.gutenbergkits.com/pricing/" rel="nofollow ugc">Get Gmap Pro</a></p>
<h3>Video Tutorial</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Pz1YUvWBIA0?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Key Features</h3>
<ul>
<li>Easy to use</li>
<li>Simple, light-weight and fast</li>
<li>Embed Google map without API Key</li>
<li>Responsive Height</li>
<li>Different Map Types support</li>
<li>Customization Options </li>
<li>No third-party dependencies.</li>
</ul>


Gmap – Google Map Gutenberg Block

Great Gutenberg Block

Easily Embed Google map in Gutenberg editor without any API key.

Maps for Contact Form 7 vs Gmap – Google Map Gutenberg Block