Multimap API V1.2 JavaScript Example

The Multimap API now offers the additional option of including weather forecasts in your applications. If you wish to purchase this additional Weather module, please contact your Multimap account manager.

This example demonstrates how you can add controls to customize the features and appearance of the Weather Widget (which was introduced in the Widgets example) as it appears beside your map. Initially, the example shows local weather forecasts for up to five days, including daily daytime and nighttime weather conditions and temperatures in Fahrenheit and Celsius; it also shows examples of controls that you can add to your web page to determine how much of this information is visible.

If you view this in your browser you should see a Multimap draggable map centered on Saint James Avenue, Boston, Massachusetts, United States at zoom factor 15. Below the map is a list of weather conditions showing details of weather by day and by night for the current day and the next five days.

You can use the drop-down lists in the Weather Widget to determine the information that the web page displays:

• Number of days: controls the number of days for which the page shows weather, up to a maximum of five days (the default);
• Daily weather details: controls whether the page shows the descriptions of each day's daytime or nighttime weather (or both);
• Daily temperatures: controls whether the page shows each day's daytime (daily maximum) or nighttime (daily minimum) temperatures (or both);
• Units of temperature: controls whether the page shows temperatures in Celsius (Centigrade) or Fahrenheit (or both); and
• Day names: controls whether the page shows days by their relative values ("Today, Tomorrow, Wednesday...") or absolute values ("Monday, Tuesday, Wednesday...").

When you have selected the information that your wish your web page to display, click on the Update Widget button to refresh the web page and repopulate it with your weather data preferences.

Please note that:

• Weather Widget controls should be placed outside their map;
• there are separate controls for daytime and nighttime weather conditions and temperature; and
• the appearance of the Weather Widget is set with a style sheet; the example shows the default Multimap style, but this can be changed to whatever appearance you wish by changing the style sheet. (For more information on style sheets, please see the Advanced Widgets example.)

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 the JavaScript functions that are called by the links in this 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...

Sorry, JavaScript required...

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://www.multimap.com/share/documentation/api/1.2/classes/.

Back to examples.

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

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