julianoe

<p>Very simple plugin to add Acf Block support for the <a href="https://wordpress.org/plugins/acf-openstreetmap-field/" rel="ugc">ACF OpenStreetMap Field</a> from Jörn Lund.<br />
This plugin obviously will only work if you install Advanced Custom Field and ACF OpenStreetMap Field.</p>
<p>The plugin will create an ACF group field with one OpenStreetMap field configured with default parameters.<br />
You can always override this ACF Group field by creating your own group field titled “ACF OSM BLOCK” and defining its location to be the “ACF OpenStreetMap Block”.</p>
<h3>Credits</h3>
<p>Plugin working with <a href="https://profiles.wordpress.org/podpirate/" rel="nofollow ugc">podpirate</a> aka Jörn Lund’s plugin<br />
Photo by <a href="https://www.pexels.com/@oidonnyboy" rel="nofollow ugc">Nick Wehrli</a> from pexels.<br />
Icon “location” by the WordPress Dashicons.</p>


ACF OpenStreetMap Field into a Block

Very simple plugin that adds an OpenStreetMap ACF block to the WordPress block editor.

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.

ACF OpenStreetMap Field into a Block vs Geo hCard Map