You are viewing an older version of MapQuest.js. Check out the latest version.
MapQuest.js is a JavaScript library for interactive maps, geocoding, directions, and traffic. MapQuest.js is powered by the MapQuest APIs and integrates with Leaflet.js.
To get started, first include MapQuest.js and MapQuest.css in your HTML header.
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.css"/>
Then initialize your MapQuest key and define a MapQuest map object with a center, layer, and zoom.
L.mapquest.key = 'KEY';
// 'map' refers to a <div> element with the ID map
L.mapquest.map('map', {
center: [37.7749, -122.4194],
layers: L.mapquest.tileLayer('map'),
zoom: 12
});
You'll need to sign up for an account with MapQuest. An API key is provided upon sign up and is required when accessing MapQuest services.
Sign UpOnce you have an account, get started making. We have tons of APIs to try including Mapping, Geocoding, Directions, and Search.
Grab the KeyBuilt in harmony with Leaflet.js which powers the interactive mapping portion of MapQuest.js. Easily extend MapQuest.js functionality with third-party plugins.