MapQuest Plugins for Leaflet

2

Intro to Leaflet

• Open-source JavaScript mapping library for mobile-friendly, interactive maps

• Designed with a focus of simplicity, performance, and usability in mind

• Takes advantage of modern Web technologies such as HTML5 and CSS3, while also maintaining accessibility on older browsers.

• Core set of features and functionality can be extended through the use of plugins

3

Why Leaflet?

• Lots of people use it! … and lots of people already use our MapQuest-OSM map tiles with it!

• Current MQ Enterprise clients have asked to use our licensed services with it!

• It’s current, lightweight, and works great on mobile devices that use current browser technologies.

• A lack of commercial-grade options for Leaflet.

• Large developer community.

4

MapQuest Plugins for Leaflet

Licensed Data (in beta)

• MapQuest Maps

• MapQuest Geocoding

• MapQuest Routing

• MapQuest Maps

• MapQuest Geocoding

• MapQuest Routing

Open Data (coming soon!)

5

Licensed Data vs. Open Data

Licensed Data Open Data

• Data is licensed from data vendors, including Nokia HERE.

• Data is checked for quality and accuracy, both from the vendor and at MQ.

• Quarterly updates.

• Data is provided by the OpenStreetMap project

• Crowdsourced and editable by anyone who wants to contribute

• Updated every 10-60 minutes, depending on service.

Key takeaway: tools that are offered in both licensed and open data are the same; however the data sources are different!

6

Plugin: MapQuest Maps for Leaflet

• Easy to drop in to a project that is using Leaflet; incorporate MapQuest map tiles into your project!

• Offers access to:

–Licensed Street Map Tiles

–Licensed Satellite Imagery

–Licensed Hybrid Tiles (satellite with street overlay

–Open Street Map Tiles*

–Open Aerial Imagery*

7

Plugin: MapQuest Geocoding for Leaflet

• Plugin is essentially a wrapper built around the MapQuest Geocoding Web Service.

• Does the heavy lifting; makes request to Geocoding Web Service, parses results, places results on the map for you!

• Supports geocoding, reverse geocoding, and batch geocoding.

• Also supports custom Markers/POIs

8

Plugin: MapQuest Routing for Leaflet

• Plugin is essentially a wrapper built around the MapQuest Directions Web Service.

• Does the heavy lifting; makes request to Directions API Web Service, parses results, places route ribbons, stops, origin, destination on the map.

• Supports popular MapQuest routing functionality, such as: optimized routes, multipoint routes, and route narratives.

• Customizable route ribbons, markers, etc.

• Also inludes support for “draggable routes.”

9

Demo – Developer Guide & API Reference

10

Demo – Traffic Accidents in Denver

11

To get started with the plugins…

• Create an account at developer.mapquest.com; also create an application key.

• Find the MapQuest Plugins for Leaflet Developer’s Guide [for sample code and API reference]

• Include the plugin libraries in your JS app that is using Leaflet!

12

Enterprise Edition

• Once out of beta, the Leaflet plugins will be included with the MapQuest Enterprise Edition product suite, so if you need…

–The ability to handle a high volume of usage

–An SLA

–Access to technical support

–An account manager

–Etc.

13

Questions?

14

Contact & Other Information

@MapQuestTech

Jonathan Harahush jonathan.harahush@mapquest.com

Product Manager - Enterprise Solutions

developer.mapquest.com devblog.mapquest.com