Manny Costales

<p><strong>WORKS WITH THE NEW VERSION OF GOOGLE MAPS</strong></p>
<p>You can add a map using a shortcode.</p>
<p>You only need to:</p>
<ol>
<li>
<p>Go to https://www.google.com/maps</p>
</li>
<li>
<p>Search the address you want to embed in your website. Drag and drop the map to adjust it to the section you want.</p>
</li>
<li>
<p>Copy the latitude and longitude.</p>
</li>
<li>
<p>Go to the page you want to add the map and paste this shortcode: [gmap_mc lat=”LATITUDE” long=”LONGITUDE”]</p>
</li>
</ol>
<p>To keep in mind:</p>
<ul>
<li>
<p>The default dimensions are <strong>350×250</strong></p>
</li>
<li>
<p>The defaults latitude and longitude point to <strong>Cuba</strong></p>
</li>
<li>
<p>You can set your own dimensions using these parameters [gmap_mc lat=”LATITUDE” long=”LONGITUDE” width=”600″ height=”250″]</p>
</li>
<li>
<p>You can set the zoom of your map using the parameter <strong>mapwidth</strong>, like this [gmap_mc lat=”LATITUDE” long=”LONGITUDE” width=”600″ height=”250″ mapwidth=”3000km”]. The zoom is assumed to be in miles unless you specify km. The default zoom is <strong>1500km</strong></p>
</li>
</ul>


GMap Shortcode

This plugin make you happy when you need to add Google Maps to your pages/posts.

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.

GMap Shortcode vs CBX Map for Google Map & OpenStreetMap