theode

bozdoz

<p>There is a real good plugin called “Leaflet Map” in the repository. Unfortunately the developers missed to create a simple widget for this.<br />
This plugin is filling the gap.</p>


Leaflet Map Widget

Hi, I manage the Leaflet Map plugin.  I would love to include this in the plugin and attribute you as an author.  Let me know!

Nice Plugin!

This is a extra widget for the Leaflet Map plugin

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.

Leaflet Map Widget vs Geo hCard Map