Takashi KOIKE

<p>Embed OpenStreetMap on the page/post using [embed_osm] shortcode.</p>
<ul>
<li>Shortcode generator metabox will appear on the page/post edit pages.</li>
<li>Drug and zoom the map on the metabox, shortcode will be automatically generated.</li>
<li>Copy generated shortcode and paste to the page/post editor.</li>
</ul>
<p>On the plugin setting page, you can specify home position, size of map, type of marker and so on.</p>
<p>You can specify map layer via shortcode and plugin setting page.<br />
Map layer seleced by shortcode is higher priority than plugin setting.</p>


Embed OSM

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.

Embed OSM vs CBX Map for Google Map & OpenStreetMap