Multimap Open API V1.2 Example

This example explains and expands upon the JavaScript used in the Introduction. That example demonstrated that just a few lines of JavaScript code can be used to output a basic map viewer.

The first important code line is the MMAttachEvent line. This is a way of telling the browser that you wish a specific function, in this case the onLoad function, to be called when the page loads. This works in all browsers supported by the API.

The first line of code within the function is used to create a new map viewer and link it to the container DIV. Nothing is drawn on the screen yet, allowing you to make changes to the viewer first. You must keep a reference to this viewer, as you will use it for any operations that you wish to perform later.

The second line of code tells the map viewer to draw itself within the container. You must pass in a set of coordinates on which you wish to center the viewer. These should be passed in as latitude and longitude encapsulated within an MMLatLon object. Either you can pass the MMLatLon object directly to the drawAndPositionMap function or you can wrap it with an MMLocation object which will allow you to tell the viewer to draw the location at a different zoom factor from the default.

Callback method *new*

The Multimap Open API now allows you to use a 'callback method' to determine how your application responds when the Multimap Open API has loaded. To use this feature:

1. Include your callback function in a URL such as
   http://developer.multimap.com/API/maps/1.2/OA08061815803962482?callback=myFunction
2. Define a function that corresponds to your callback:
   

   function myFunction() {
     alert( 'API loaded' );
   }
   

3. Your callback function is called when the Multimap Open API has loaded.

<script type="text/javascript" src="http://developer.multimap.com/API/maps/1.2/OA08061815803962482"></script>

Sorry, JavaScript required...

Sorry, JavaScript required...