You are viewing an older version of MapQuest.js. Check out the latest version.
MapQuest.js
Getting Started
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
});MapQuest.js Maps
If you only want to display maps, and reduce the size of the bundle, use the maps only version of the MapQuest.js library.
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-maps.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-maps.css"/>MapQuest.js Core
By default, MapQuest.js includes a bundled version of Leaflet v1.1.0 that is fully supported. If you want to use a different version of Leaflet, use the core version of the MapQuest.js library.
<script src="your version of Leaflet.js"></script>
<link type="text/css" rel="stylesheet" href="your version of Leaflet.css"/>
<script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest-core.css"/>Join the Community
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 UpGet Coding
Once you have an account, get started making. We have tons of APIs to try including Mapping, Geocoding, Directions, and Search.
Grab the KeyIntegrates with Leaflet.js
Built in harmony with Leaflet.js which powers the interactive mapping portion of MapQuest.js. Easily extend MapQuest.js functionality with third-party plugins.
