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

Sabuj Kundu

codeboxr

<p>CBX Map is a WordPress plugin that helps to display Google map and OpenStreetMap inside worpress. It’s easy to use using shortcode and map loads responsive. From the plugin’s seeing create map, find adress and configure easily with just mouse click.</p>
<h3>CBX Map for Google Map & OpenStreetMap by <a href="https://codeboxr.com/product/cbx-google-map-for-wordpress/" rel="nofollow ugc">Codeboxr</a></h3>
<blockquote>
<p>📺 <a href="https://codeboxr.net/wordpress/cbxgooglemap/codeboxr/" rel="nofollow ugc">Live Demo</a> | 🌟 <a href="https://codeboxr.com/product/cbx-google-map-for-wordpress/#downloadarea" rel="nofollow ugc">Upgrade to PRO</a> | 📋 <a href="https://codeboxr.com/doc/cbxmap-doc/" rel="nofollow ugc">Documentation</a> | 👨‍💻 <a href="https://wordpress.org/support/plugin/cbxgooglemap/" rel="ugc">Free Support</a> | 🤴 <a href="https://codeboxr.com/contact-us" rel="nofollow ugc">Pro Support</a> | 📱 <a href="https://codeboxr.com/contact-us/" rel="nofollow ugc">Contact</a></p>
</blockquote>
<h3>🛄 Core Plugin Features</h3>
<ul>
<li>Google MAP or Openstreep map(no api key needed)</li>
<li>Custom post type for map</li>
<li>Easy Shortcode</li>
<li>Works without custom post type using the same shortcode [cbxgooglemap]</li>
<li>Responsive with browser width and resize</li>
<li>Info window</li>
<li>Default global Setting</li>
<li>Meta field for custom post type</li>
<li>Easy geo complete feature while finding proper marker position in custom post type edit.</li>
<li>Easy copy shortcode with mouse click</li>
</ul>
<p><strong>▶️ Watch Video</strong><br />
<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/pxeGCNc9Be0?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></p>
<h3>🀄 Widgets</h3>
<ul>
<li>Classic Wedget (From v1.1.7)</li>
<li>Elementor page builder element/widget support</li>
<li>Gutenberg support (From v1.1.2)</li>
<li>WPBackery(VC) Support (From v1.1.6)</li>
</ul>
<h3>🧮 Shortcodes</h3>
<p>The most short form of the shortcode is <code>[cbxgooglemap id="google map post id here"]</code> where id is post id of custom google map post type</p>
<p>We can use shortcode to display saved map (this plugin creates custom post type CBX Maps(cbxgooglemap) in admin to create maps as need) or can display map using custom attributes. For save map we need only one param <code>[cbxgooglemap id="google map post id here"]</code></p>
<pre><code>id      = post id, can be empty
--------------------------------
We can also display map using custom attributes
maptype = default 'roadmap', possible values, 'roadmap', 'satellite', 'hybrid',  'terrain'
width   = numeric value, '%' accepted, no 'px', if only numeric value then px will be added automatically
height  = nemeric value, no 'px'
zoom    = default 8
lat     = lattitude value, required
lng     = longitude value, required
heading = used for info window title
website = website url that is linked to place name in popup info window, leave empty to ignore
address = used for info window content
scrollwheel = 1 enable , 0 disable, default 1 or comes from default config
showinfo = 1 enable , 0 disable, default 1 or comes from default config, show popup window or not
infow_open = 1 enable , 0 disable, default 1 or comes from default config, show popup as opened or on click
mapicon = map icon url, leave empty to ignore
</code></pre>
<p>Let us know which new feature you except.</p>
<p>For pro addon features and shortcode see documentation.</p>
<h3>💎 CBX Map for Google Map & OpenStreetMap Pro Features</h3>
<p>👉 Get the <a href="https://codeboxr.com/product/cbx-google-map-for-wordpress/#downloadarea" rel="nofollow ugc">pro addon</a></p>
<ul>
<li>Distance Search shortcode , map and list display</li>
<li>Displays multiple markers from the maps post types in single map</li>
<li>Make map public or not so that single map can be browse like post</li>
<li>Map Categories</li>
</ul>
<p><strong>▶️ Watch Video</strong><br />
<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/bTuysIg-mho?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></p>
<h3>🔩 Installation</h3>
<p>This section describes how to install the plugin and get it working.<br />
e.g.<br />
1. Upload folder  <code>cbxgooglemap</code> to the <code>/wp-content/plugins/</code> directory<br />
2. Activate the plugin through the ‘Plugins’ menu in WordPress<br />
3. Go to CBX Google map setting, put google map api key (in google project console you need, js map api, geo coding api, e)<br />
4. Place shortcode any where as need</p>


CBX Map for Google Map & OpenStreetMap

Easy google map and open streetmap embed using shortcode, Responsive.

Maps for Contact Form 7 vs CBX Map for Google Map & OpenStreetMap