Multimap API v1.1 Example

"No Data" Example

The Map

The Code

There are three parts to the code below. The first is the line that links to the Multimap API. The second is an example of the HTML you must have in your page. The third is an example of the JavaScript required to implement the page.

The header code

<script type="text/javascript" src="http://clients.multimap.com/API/maps/1.1/demo"></script>

The body code

<!-- The Multimap Map-->
<div id="mapviewer" style="width : 500px; height : 420px;"></div>

<!-- The Map Controls -->
<p><a href="#" onclick="mapviewer.panToPosition( new MMLatLon( 51.586366,-8.437157 ) ); return false;">Go out of range</a></p>
<p><a href="#" onclick="mapviewer.panToPosition( new MMLatLon( 51.894782,-8.493118 ) ); return false;">Go into range</a></p>

The JavaScript code

var mapviewer;

function onLoad()
{
     //Add the map 
     mapviewer = new MultimapViewer( document.getElementById( 'mapviewer' ) );
     mapviewer.drawAndPositionMap( new MMLocation( new MMLatLon(51.894782,-8.493118 ), 13 ) );
}

MMAttachEvent( window, 'load', onLoad );

For more information on the subject of Multimap API JavaScript code, please read the API documentation at: http://www.multimap.com/share/mapviewerapidocs/1.1/index.html.

Further Help

If you require further help with your map API implementation, please contact our Customer Support team:

For general account enquiries or further services, please contact your Multimap Sales team: