tanakayasuo

The Maps for Contact Form 7 collects data with place and analyze the data with google map.
Preparation: 
 (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. 
 (2) set google map language and region in the settings of the Maps for Contact Form 7. 
 (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. 
 (4) add the Contact Form 7 form in Pages menu in wordpress. 
 (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. 
 ‘[maps-for-contact-form-7 form-id=”the form id”]’
Collect data: 
 (1) access the page with Contact Form 7 form and submit the data. 
 (2) the data is listed in ‘Contact Forms List With Places’ menu in admin page.
Analyze data: 
 (1) access the page with Maps for Contact Form 7 shortcode. 
 (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.

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' ).

upqode

UpQode Google Map WPBakery Addon is most easy and powerful free google maps addon for WPBakery. With this addon, you can create different type of maps having option to change Language, Map Controls Zoom Controls and lot of more functionals, also you can setup the Style.
This is a google maps wpbakery add on to generate fully customized responsive google maps in your local language. 114 different styles(skin) available and counting.
Note: Before download this plugin, please make sure that this is WPBakery addons.
<a href="https://upqode.com/plugins/google-maps-addon/" rel="nofollow ugc">DEMO</a>
Features plugin.
<ul>
<li>Fully Responsive Maps </li>
<li>Mobile device supports </li>
<li>Marker cluster support </li>
<li>New – Option to enable toggle button to view full screen map. </li>
<li>New – Option to enable street view imaginary (Panorama). </li>
<li>Custom marker popup support </li>
<li>Options to customize marker popup styles </li>
<li>Any HTML support in marker popup content. </li>
<li>Shortcode support in marker popup content</li>
<li>114 different styles and counting </li>
<li>Unlimited custom marker pins </li>
<li>Different icon for each marker V </li>
<li>Set center of map </li>
<li>Multi-language google map support </li>
<li>Location list supports </li>
<li>Open marker on external link </li>
<li>Find nearest places </li>
<li>Address field autocomplete </li>
<li>Customize control position </li>
<li>Easy integration </li>
<li>Works with addresses and latitude / longitude </li>
<li>Multiple maps per page </li>
<li>Multiple markers per map </li>
<li>Show / Hide any map control – Direction link in infowindow</li>
</ul>

UpQode Google Maps

Map is not working. Its showing Google Maps Api error in console. And i can't find plugin settings page to input API key. Looked everywhere in wordpress back-end as well as checked installation notes and FAQ here.

Maps for Contact Form 7 vs UpQode Google Maps