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
  1. From the content editor under Venue Details, enter the Venue Name, Street Address, Locality, Postcode, Longitude and Latitude.
  2. Obtain and enter the correct latitude and longitude coordinates.
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
  • current version
  • Concept
  • Alpha
  • Beta
  • Release