Multimap API V1.2 JavaScript Example

Pan Limiting Example

Although the ability to drag maps with a mouse is a core feature of the Multimap API, customers may wish to disable this feature. This example gives a demonstration of how you can use the API to limit the areas to which a user can pan.

Events used:

moveMap

What You Should See

If you view this in your browser you should see a Multimap draggable map centered on Fleet Street, London, Great Britain, at zoom factor 10. The map viewer has been set up to limit all types of panning to a rectangular area around the M25 motorway which encircles London. Regardless of which method is used to pan the map, the map does not allow the user to pan far outside the M25.

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.2/demo"></script>

The body code

Sorry, JavaScript required...

The JavaScript code

Sorry, JavaScript required...

For more information on the subject of Multimap API JavaScript code, please read the API documentation at: http://clients.multimap.com/share/documentation/api/1.2/classes/.

Back to examples.