Geo hCard Map
[geo_hcard_map] shortcode map of hCard elements found in the current webpage. All .cb-popup sub-elements will be included in the map popup for the corresponding .vcard item. See below for an example of a hCard element. The developer must ensure the correct hCard markup in the post templates. Working
[geo_hcard_map] shortcode map of hCard elements found in the current webpage. All .cb-popup sub-elements will be included in the map popup for the corresponding .vcard item. See below for an example of a hCard element. The developer must ensure the correct hCard markup in the post templates. Working Demo
Companion plugins
- CMB2 for nice custom fields.
- CMB2-field-Leaflet-Geocoder setting of post position on a map.
- CMB2-field-Icon giving a post a custom little icon.
Example hCard Markup for a post
<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>
microformats wiki and geo
A closer look.
- 01Download and install the Plugin
- 02Upload the plugin folder to the ‘/wp-content/plugins/’ directory
- 03Activate the plugin through the ‘Plugins’ menu in WordPress
- 04Include the appropriate hcard markup in your template output (WordPress plugins can help you)
- 05You will now have [geo_hcard_map] shortcode
