Single point map

Overview

Maps use the HTML5 element as described in the address pattern to render a Google map to the screen.

Adding the class="show-on-map" to an element specificies the address should be mappable.

A <div/> with id="map" can then be inserted into the page, to render the map.

Bar End Industrial Estate
Bar End Road
Winchester
SO23 9NP

Example
WCMS use
MVC.net use
Code

<address itemtype="http://schema.org/PostalAddress" itemscope class="show-on-map">
 <p itemprop="address">
  <meta itemprop="name" content="Winchester" />
  Bar End Industrial Estate<br />
  <span itemprop="streetAddress">Bar End Road</span><br />
  <span itemprop="addressLocality">Winchester</span><br />
  <span itemprop="postalCode">SO23 9NP</span><br />
  <meta itemprop="latitude" content="51.05154389910228" />
  <meta itemprop="longitude" content="-1.3058518154194543" />
 </p>
</address>
<div id="map"></div>
Version and status
  • 1.0
  • current version
  • Concept
  • Alpha
  • Beta
  • Release