goiblas

<p>The Map Block Leaflet is designed to work with the <a href="https://wordpress.org/plugins/gutenberg/" title="Gutenberg Plugin" rel="ugc">Gutenberg editor</a>. It has been created to facilitate, as much as possible, embed maps in the content without the need to include an API key and be able to customize it visually.</p>
<p><strong>Contribute:</strong></p>
<p>This plugin is open source software, and you may actively contribute on <a href="https://github.com/goiblas/leaft-map-block" title="Map Block Leaflet Repository" rel="nofollow ugc">Github</a>.</p>
<h3>Installation & Setup</h3>
<p>Note: This plugin requires WordPress 5 or the Gutenberg plugin active.</p>
<ol>
<li>Upload ‘leaflet-map-block’ to the ‘/wp-content/plugins/’ directory.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>Add new block, find it in the category embed.</li>
<li>Search a location and change the option until you get the disdained look.</li>
<li>Publish and enjoy</li>
</ol>


Map Block Leaflet

Works great, looks great; highly recommended.

I wanted to avoid gutenburg in my own plugin, and this plugin seems to work perfectly.

- Author of https://wordpress.org/plugins/leaflet-map/

Fantastic


Simple to use and supported. 



Great plugin to use on your website 💪 when displaying maps with custom multiple markers.



Thank you.


Super easy to use and great support

Embed maps in content without needing to include an API key.

anewholm

<p>[geo_hcard_map] shortcode map of <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> elements found in the current webpage. All <code>.cb-popup</code> sub-elements will be included in the map popup for the corresponding <code>.vcard</code> item. See below for an example of a <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> element. The developer must ensure the correct <a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">hCard</a> markup in the post templates. <a href="http://wordpress.xsearchservices.com/allplugins/geo-hcard-map/" rel="nofollow ugc">Working Demo</a></p>
<h3>Companion plugins</h3>
<ul>
<li><a href="https://wordpress.org/plugins/cmb2/" rel="ugc">CMB2</a> for nice custom fields.</li>
<li><a href="https://github.com/villeristi/CMB2-field-Leaflet-Geocoder" rel="nofollow ugc">CMB2-field-Leaflet-Geocoder</a> setting of post position on a map.</li>
<li><a href="https://github.com/anewholm/CMB2-field-Icon" rel="nofollow ugc">CMB2-field-Icon</a> giving a post a custom little icon.</li>
</ul>
<h3>Example hCard Markup for a post</h3>
<pre><code><div class="vcard">
  <h2><a class="url fn org" href="http://example.com/locations/magnet-bank/">Magnet Bank</a></h2>
  <div class="cb-popup">Balacs utca, 1000 Budapest, Hungary</div>
  <div class="cb-popup">Mon-Fri, 8:00 - 18:00</div>
  <div class="adr">
    <div class="geo">
      <span class="latitude">47.50496815665008</span>,
      <span class="longitude">19.063553810119632</span>
      <span class="icon">/wp-content/plugins/geo-hcard-map/images/gray-green.png</span>
      <span class="icon-shadow"></span>
    </div>
  </div>
</div>
</code></pre>
<p><a href="http://microformats.org/wiki/hcard" rel="nofollow ugc">microformats wiki</a> and <a href="http://microformats.org/wiki/geo" rel="nofollow ugc">geo</a></p>


Geo hCard Map

[geo_hcard_map] map of hCard elements found in the current webpage.

Map Block Leaflet vs Geo hCard Map