Alastair Green

<p>The WP Map Factory plugin allows any number of maps to be easily created and used in your website.</p>
<p><strong>The “Basics”</strong></p>
<p>Choose how from a variety of map types</p>
<ul>
<li>Google maps – Roadmap, Satellite and Hybrid</li>
<li>Open Street Maps</li>
<li>Thunderforest maps – Open Cycle, Landscape and Outdoors</li>
</ul>
<p>Choose how to toggle between the map types</p>
<ul>
<li>Drop-down menu</li>
<li>Buttons</li>
<li>Thumbnail image</li>
</ul>
<p>Choose how to fit the map</p>
<ul>
<li>Manually – pan and zoom the map to what you want</li>
<li>Automatically – fit to all displayed objects</li>
</ul>
<p>Choose what map controls are visible</p>
<ul>
<li>Center button</li>
<li>Full screen button</li>
<li>Street view button</li>
<li>Zoom buttons</li>
</ul>
<p>Set the map size</p>
<ul>
<li>By pixels</li>
<li>By percentage</li>
</ul>
<p><strong>Markers</strong></p>
<p>Create an unlimited number of markers defining the following type</p>
<ul>
<li>Marker type</li>
<li>Size</li>
<li>Fill colour and opacity</li>
<li>Stroke colour, opacity and thickness</li>
<li>Anchor position of the marker</li>
</ul>
<p><strong>Placecards</strong></p>
<p>Create a placecard to highlight your business or location of interest</p>
<ul>
<li>Direction</li>
<li>Link</li>
</ul>
<p><strong>Circles, Polylines and Polygons</strong></p>
<p>Create an unlimited number of circles, polylines and polygons defining the following type</p>
<ul>
<li>Size</li>
<li>Fill colour and opacity</li>
<li>Stroke colour, opacity and thickness</li>
<li>Tooltips and info windows</li>
<li>Elevation chart (for polylines)</li>
</ul>
<p><strong>And…</strong></p>
<p>To save time and hassle you can view a sample of the map prior to placing the shortcode in the post, page or widget in which the map will be displayed.</p>
<p>It was never so easy to create maps in WordPress!</p>


The WP Map Factory

The easy way to create great looking Google maps for your Wordpress website.

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.

The WP Map Factory vs Geo hCard Map