SlideShare a Scribd company logo
MapQuest Plugins for Leaflet
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

2
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.
3
MapQuest Plugins for Leaflet

Licensed Data (in beta)

• MapQuest Maps
• MapQuest Geocoding
• MapQuest Routing
Open Data (coming soon!)

• MapQuest Maps
• MapQuest
Geocoding

• MapQuest Routing
4
Licensed Data vs. Open Data
Licensed Data

Open Data

• Data is licensed from

• Data is provided by the

data vendors, including
Nokia HERE.

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

• Quarterly updates.

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!
5
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*
6
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

7
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.”

8
Demo – Developer Guide & API Reference

9
Demo – Traffic Accidents in Denver

10
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!

11
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.
12
Questions?

13
Contact & Other Information

Jonathan Harahush

jonathan.harahush@mapquest.com
Product Manager - Enterprise Solutions

@MapQuestTech
developer.mapquest.com
devblog.mapquest.com
14

More Related Content

2013 Vendor, MapQuest Plugins for Leaflet by Jonathan Harahush

  • 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 2
  • 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. 3
  • 4. MapQuest Plugins for Leaflet Licensed Data (in beta) • MapQuest Maps • MapQuest Geocoding • MapQuest Routing Open Data (coming soon!) • MapQuest Maps • MapQuest Geocoding • MapQuest Routing 4
  • 5. Licensed Data vs. Open Data Licensed Data Open Data • Data is licensed from • Data is provided by the data vendors, including Nokia HERE. • Data is checked for quality and accuracy, both from the vendor and at MQ. • Quarterly updates. 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! 5
  • 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* 6
  • 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 7
  • 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.” 8
  • 9. Demo – Developer Guide & API Reference 9
  • 10. Demo – Traffic Accidents in Denver 10
  • 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! 11
  • 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. 12
  • 14. Contact & Other Information Jonathan Harahush jonathan.harahush@mapquest.com Product Manager - Enterprise Solutions @MapQuestTech developer.mapquest.com devblog.mapquest.com 14