Link to MapQuest Tool | MapQuest API Documentation

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="/documentation/assets/img/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/documentation/assets/img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/documentation/assets/img/favicon-16x16.png"> <link rel="manifest" href="/documentation/assets/img/site.webmanifest"> <link rel="mask-icon" href="/documentation/assets/img/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="shortcut icon" href="/documentation/favicon.ico" type="image/x-icon"> <link rel="icon" href="/documentation/favicon.ico" type="image/x-icon"> <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script> !function(e){"use strict";var t=function(t,n,r){function o(e){return i.body?e():void setTimeout(function(){o(e)})}function l(){d.addEventListener&&d.removeEventListener("load",l),d.media=r||"all"}var a,i=e.document,d=i.createElement("link");if(n)a=n;else{var s=(i.body||i.getElementsByTagName("head")[0]).childNodes;a=s[s.length-1]}var u=i.styleSheets;d.rel="stylesheet",d.href=t,d.media="only x",o(function(){a.parentNode.insertBefore(d,n?a:a.nextSibling)});var f=function(e){for(var t=d.href,n=u.length;n--;)if(u[n].href===t)return e();setTimeout(function(){f(e)})};return d.addEventListener&&d.addEventListener("load",l),d.onloadcssdefined=f,f(l),d};"undefined"!=typeof exports?exports.loadCSS=t:e.loadCSS=t}("undefined"!=typeof global?global:this),function(e){if(e.loadCSS){var t=loadCSS.relpreload={};if(t.support=function(){try{return e.document.createElement("link").relList.supports("preload")}catch(t){}},t.poly=function(){for(var t=e.document.getElementsByTagName("link"),n=0;n<t.length;n++){var r=t[n];"preload"===r.rel&&"style"===r.getAttribute("as")&&(e.loadCSS(r.href,r),r.rel=null)}},!t.support()){t.poly();var n=e.setInterval(t.poly,300);e.addEventListener&&e.addEventListener("load",function(){e.clearInterval(n)})}}}(this); loadCSS('/documentation/assets/styles/main.css'); loadCSS('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700'); loadCSS('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-29849174-6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-29849174-6'); </script> <style>@media (min-width:1200px) and (max-width:1599px){.hidden-lg{display:none!important}}.visible-xl,.visible-xl-block,.visible-xl-inline,.visible-xl-inline-block{display:none!important}@media (min-width:1600px){.container{width:1570px}.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:auto}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:auto}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}.visible-xl{display:block!important}table.visible-xl{display:table}tr.visible-xl{display:table-row!important}td.visible-xl,th.visible-xl{display:table-cell!important}.visible-xl-block{display:block!important}.visible-xl-inline{display:inline!important}.visible-xl-inline-block{display:inline-block!important}.hidden-xl{display:none!important}}.darker-grey{background-color:#0f161f}.darker-gray{background-color:#0f161f}.dark-grey{background-color:#414142}.dark-gray{background-color:#414142}.grey{background-color:#b1b2b4}.gray{background-color:#b1b2b4}.light-gray{background-color:#dedede}.light-grey{background-color:#dedede}.lighter-gray{background-color:#eaeaea}.lighter-grey{background-color:#eaeaea}.dark-blue{background-color:#1c4d73}.teal{background-color:#39b0d5}.darker-blue{background-color:#022941}.light-blue{background-color:#0d78a6}.light-teal{background-color:#a3dce6}.red{background-color:#900}.green{background-color:#393}.black{background-color:#000}.white{background-color:#fff}.purple-text{color:#6c197f;font-weight:700}.green-text{color:#0e850f;font-weight:700}.blue-text{color:#07a;font-weight:600}.red-text{color:#900;font-weight:600}html{font-family:Raleway,sans-serif;font-size:100%}body{font-family:Raleway,sans-serif;line-height:1.4}p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1.1em;line-height:1.58;margin-bottom:1.5rem}h1,h2,h3{font-family:Raleway,sans-serif;color:rgba(0,0,0,.8)}h1{font-size:3em;margin-bottom:1.5rem}h2{font-size:2em;margin-bottom:1.25rem}h3{font-size:1.5em}code{background-color:#dedede;color:rgba(0,0,0,.8);border-radius:2px}li{text-align:left}ul{list-style-type:disc}ul li{text-align:left}ol{list-style-type:none}ol li{display:list-item;list-style-type:decimal;line-height:20px;text-align:left;margin-bottom:5px}b,strong{font-weight:600}a{color:#39b0d5}a:hover{text-decoration:none;color:#2693b5}.btn{padding-right:10px;padding-left:10px;color:#fff;font-weight:500;border:none;border-radius:5px;position:relative;cursor:pointer}.btn:after{border-color:transparent transparent transparent transparent}.btn:before{border-color:transparent transparent transparent transparent}.btn:hover{background-color:transparent}.btn:hover:before{border-color:transparent transparent transparent transparent}.btn:hover:after{border-color:transparent transparent transparent transparent}.btn.focus,.btn:focus{background-color:transparent;outline-offset:-1px}.btn.focus:after,.btn:focus:after{border-color:transparent transparent transparent transparent}.btn.focus:before,.btn:focus:before{border-color:transparent transparent transparent transparent}.btn.active,.btn:active{background-color:transparent}.btn.active:after,.btn:active:after{border-color:transparent transparent transparent transparent}.btn.active:before,.btn:active:before{border-color:transparent transparent transparent transparent}.btn:active:focus{outline-offset:-1px;background-color:transparent;color:transparent}.btn:active:focus:after{border-color:transparent transparent transparent transparent}.btn:active:focus:before{border-color:transparent transparent transparent transparent}.btn:active:hover{background-color:transparent;color:transparent}.btn:active:hover:after{border-color:transparent transparent transparent transparent}.btn:active:hover:before{border-color:transparent transparent transparent transparent}.btn:focus:hover{color:transparent}.btn::after{content:"";width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent;border-bottom-right-radius:0;position:absolute;bottom:0;right:0;z-index:1}.btn::before{content:"";width:0;height:0;border-style:solid;border-width:10px 10px 0 0;border-color:transparent;border-bottom-right-radius:0;position:absolute;bottom:0;right:0;z-index:1}.btn:hover{color:#fff}a i{margin-right:5px}.btn-default{color:#525252;background-color:#ccc}.btn-default:after{border-color:transparent transparent #39b0d5 transparent}.btn-default:before{border-color:#ccc transparent #ccc #ccc}.btn-default:hover{background-color:#39b0d5}.btn-default:hover:before{border-color:#39b0d5 transparent #39b0d5 transparent}.btn-default:hover:after{border-color:#ccc transparent #ccc transparent}.btn-default.focus,.btn-default:focus{background-color:#ccc;outline-offset:-1px}.btn-default.focus:after,.btn-default:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-default.focus:before,.btn-default:focus:before{border-color:#ccc transparent #ccc #ccc}.btn-default.active,.btn-default:active{background-color:#ccc}.btn-default.active:after,.btn-default:active:after{border-color:transparent transparent #39b0d5 transparent}.btn-default.active:before,.btn-default:active:before{border-color:#ccc transparent #ccc #ccc}.btn-default:active:focus{outline-offset:-1px;background-color:#ccc;color:#39b0d5}.btn-default:active:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-default:active:focus:before{border-color:#ccc transparent #ccc #ccc}.btn-default:active:hover{background-color:#ccc;color:#39b0d5}.btn-default:active:hover:after{border-color:transparent transparent #39b0d5 transparent}.btn-default:active:hover:before{border-color:#ccc transparent #ccc #ccc}.btn-default:focus:hover{color:#39b0d5}.btn-default:hover{color:#525252}.btn-hero{background-color:#fff;color:#4b4b4b}.btn-hero:after{border-color:transparent transparent #39b0d5 transparent}.btn-hero:before{border-color:#fff transparent #fff #fff}.btn-hero:hover{background-color:#39b0d5}.btn-hero:hover:before{border-color:#39b0d5 transparent #39b0d5 transparent}.btn-hero:hover:after{border-color:#fff transparent #fff transparent}.btn-hero.focus,.btn-hero:focus{background-color:#fff;outline-offset:-1px}.btn-hero.focus:after,.btn-hero:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-hero.focus:before,.btn-hero:focus:before{border-color:#fff transparent #fff #fff}.btn-hero.active,.btn-hero:active{background-color:#fff}.btn-hero.active:after,.btn-hero:active:after{border-color:transparent transparent #39b0d5 transparent}.btn-hero.active:before,.btn-hero:active:before{border-color:#fff transparent #fff #fff}.btn-hero:active:focus{outline-offset:-1px;background-color:#fff;color:#39b0d5}.btn-hero:active:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-hero:active:focus:before{border-color:#fff transparent #fff #fff}.btn-hero:active:hover{background-color:#fff;color:#39b0d5}.btn-hero:active:hover:after{border-color:transparent transparent #39b0d5 transparent}.btn-hero:active:hover:before{border-color:#fff transparent #fff #fff}.btn-hero:focus:hover{color:#39b0d5}.btn-hero:hover{color:#fff}.btn-primary{background-color:#39b0d5}.btn-primary:after{border-color:transparent transparent #4b4b4b transparent}.btn-primary:before{border-color:#39b0d5 transparent #39b0d5 #39b0d5}.btn-primary:hover{background-color:#4b4b4b}.btn-primary:hover:before{border-color:#4b4b4b transparent #4b4b4b transparent}.btn-primary:hover:after{border-color:#39b0d5 transparent #39b0d5 transparent}.btn-primary.focus,.btn-primary:focus{background-color:#39b0d5;outline-offset:-1px}.btn-primary.focus:after,.btn-primary:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-primary.focus:before,.btn-primary:focus:before{border-color:#39b0d5 transparent #39b0d5 #39b0d5}.btn-primary.active,.btn-primary:active{background-color:#39b0d5}.btn-primary.active:after,.btn-primary:active:after{border-color:transparent transparent #4b4b4b transparent}.btn-primary.active:before,.btn-primary:active:before{border-color:#39b0d5 transparent #39b0d5 #39b0d5}.btn-primary:active:focus{outline-offset:-1px;background-color:#39b0d5;color:#4b4b4b}.btn-primary:active:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-primary:active:focus:before{border-color:#39b0d5 transparent #39b0d5 #39b0d5}.btn-primary:active:hover{background-color:#39b0d5;color:#4b4b4b}.btn-primary:active:hover:after{border-color:transparent transparent #4b4b4b transparent}.btn-primary:active:hover:before{border-color:#39b0d5 transparent #39b0d5 #39b0d5}.btn-primary:focus:hover{color:#4b4b4b}.btn-success{background-color:#5daf5f}.btn-success:after{border-color:transparent transparent #4b4b4b transparent}.btn-success:before{border-color:#5daf5f transparent #5daf5f #5daf5f}.btn-success:hover{background-color:#676767}.btn-success:hover:before{border-color:#676767 transparent #676767 transparent}.btn-success:hover:after{border-color:#5daf5f transparent #5daf5f transparent}.btn-success.focus,.btn-success:focus{background-color:#5daf5f;outline-offset:-1px}.btn-success.focus:after,.btn-success:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-success.focus:before,.btn-success:focus:before{border-color:#5daf5f transparent #5daf5f #5daf5f}.btn-success.active,.btn-success:active{background-color:#5daf5f}.btn-success.active:after,.btn-success:active:after{border-color:transparent transparent #4b4b4b transparent}.btn-success.active:before,.btn-success:active:before{border-color:#5daf5f transparent #5daf5f #5daf5f}.btn-success:active:focus{outline-offset:-1px;background-color:#5daf5f;color:#4b4b4b}.btn-success:active:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-success:active:focus:before{border-color:#5daf5f transparent #5daf5f #5daf5f}.btn-success:active:hover{background-color:#5daf5f;color:#4b4b4b}.btn-success:active:hover:after{border-color:transparent transparent #4b4b4b transparent}.btn-success:active:hover:before{border-color:#5daf5f transparent #5daf5f #5daf5f}.btn-success:focus:hover{color:#4b4b4b}.btn-info{background-color:#333}.btn-info:after{border-color:transparent transparent #39b0d5 transparent}.btn-info:before{border-color:#333 transparent #333 #333}.btn-info:hover{background-color:#39b0d5}.btn-info:hover:before{border-color:#39b0d5 transparent #39b0d5 transparent}.btn-info:hover:after{border-color:#333 transparent #333 transparent}.btn-info.focus,.btn-info:focus{background-color:#333;outline-offset:-1px}.btn-info.focus:after,.btn-info:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-info.focus:before,.btn-info:focus:before{border-color:#333 transparent #333 #333}.btn-info.active,.btn-info:active{background-color:#333}.btn-info.active:after,.btn-info:active:after{border-color:transparent transparent #39b0d5 transparent}.btn-info.active:before,.btn-info:active:before{border-color:#333 transparent #333 #333}.btn-info:active:focus{outline-offset:-1px;background-color:#333;color:#39b0d5}.btn-info:active:focus:after{border-color:transparent transparent #39b0d5 transparent}.btn-info:active:focus:before{border-color:#333 transparent #333 #333}.btn-info:active:hover{background-color:#333;color:#39b0d5}.btn-info:active:hover:after{border-color:transparent transparent #39b0d5 transparent}.btn-info:active:hover:before{border-color:#333 transparent #333 #333}.btn-info:focus:hover{color:#39b0d5}.btn-info:hover{color:#333}.btn-warning{background-color:#edd73f}.btn-warning:after{border-color:transparent transparent #4b4b4b transparent}.btn-warning:before{border-color:#edd73f transparent #edd73f #edd73f}.btn-warning:hover{background-color:#676767}.btn-warning:hover:before{border-color:#676767 transparent #676767 transparent}.btn-warning:hover:after{border-color:#edd73f transparent #edd73f transparent}.btn-warning.focus,.btn-warning:focus{background-color:#edd73f;outline-offset:-1px}.btn-warning.focus:after,.btn-warning:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-warning.focus:before,.btn-warning:focus:before{border-color:#edd73f transparent #edd73f #edd73f}.btn-warning.active,.btn-warning:active{background-color:#edd73f}.btn-warning.active:after,.btn-warning:active:after{border-color:transparent transparent #4b4b4b transparent}.btn-warning.active:before,.btn-warning:active:before{border-color:#edd73f transparent #edd73f #edd73f}.btn-warning:active:focus{outline-offset:-1px;background-color:#edd73f;color:#4b4b4b}.btn-warning:active:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-warning:active:focus:before{border-color:#edd73f transparent #edd73f #edd73f}.btn-warning:active:hover{background-color:#edd73f;color:#4b4b4b}.btn-warning:active:hover:after{border-color:transparent transparent #4b4b4b transparent}.btn-warning:active:hover:before{border-color:#edd73f transparent #edd73f #edd73f}.btn-warning:focus:hover{color:#4b4b4b}.btn-danger{background-color:#c76466}.btn-danger:after{border-color:transparent transparent #4b4b4b transparent}.btn-danger:before{border-color:#c76466 transparent #c76466 #c76466}.btn-danger:hover{background-color:#676767}.btn-danger:hover:before{border-color:#676767 transparent #676767 transparent}.btn-danger:hover:after{border-color:#c76466 transparent #c76466 transparent}.btn-danger.focus,.btn-danger:focus{background-color:#c76466;outline-offset:-1px}.btn-danger.focus:after,.btn-danger:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-danger.focus:before,.btn-danger:focus:before{border-color:#c76466 transparent #c76466 #c76466}.btn-danger.active,.btn-danger:active{background-color:#c76466}.btn-danger.active:after,.btn-danger:active:after{border-color:transparent transparent #4b4b4b transparent}.btn-danger.active:before,.btn-danger:active:before{border-color:#c76466 transparent #c76466 #c76466}.btn-danger:active:focus{outline-offset:-1px;background-color:#c76466;color:#4b4b4b}.btn-danger:active:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-danger:active:focus:before{border-color:#c76466 transparent #c76466 #c76466}.btn-danger:active:hover{background-color:#c76466;color:#4b4b4b}.btn-danger:active:hover:after{border-color:transparent transparent #4b4b4b transparent}.btn-danger:active:hover:before{border-color:#c76466 transparent #c76466 #c76466}.btn-danger:focus:hover{color:#4b4b4b}.btn-link{color:#39b0d5}.btn-link:hover{color:#1d718b}.btn-link:active:focus{outline-offset:-1px;color:#1d718b}.btn-link:active:hover{color:#1d718b}.btn-link:focus:hover{color:#1d718b}.btn-white{background-color:#fff;color:#4b4b4b}.btn-white:after{border-color:transparent transparent #4b4b4b transparent}.btn-white:before{border-color:#fff transparent #fff #fff}.btn-white:hover{background-color:#4b4b4b}.btn-white:hover:before{border-color:#4b4b4b transparent #4b4b4b transparent}.btn-white:hover:after{border-color:#fff transparent #fff transparent}.btn-white.focus,.btn-white:focus{background-color:#fff;outline-offset:-1px}.btn-white.focus:after,.btn-white:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-white.focus:before,.btn-white:focus:before{border-color:#fff transparent #fff #fff}.btn-white.active,.btn-white:active{background-color:#fff}.btn-white.active:after,.btn-white:active:after{border-color:transparent transparent #4b4b4b transparent}.btn-white.active:before,.btn-white:active:before{border-color:#fff transparent #fff #fff}.btn-white:active:focus{outline-offset:-1px;background-color:#fff;color:#4b4b4b}.btn-white:active:focus:after{border-color:transparent transparent #4b4b4b transparent}.btn-white:active:focus:before{border-color:#fff transparent #fff #fff}.btn-white:active:hover{background-color:#fff;color:#4b4b4b}.btn-white:active:hover:after{border-color:transparent transparent #4b4b4b transparent}.btn-white:active:hover:before{border-color:#fff transparent #fff #fff}.btn-white:focus:hover{color:#4b4b4b}.btn-white:hover{color:#fff}.btn{padding:10px 12px;font-size:17px}.btn-xs{padding:6px 8px;font-size:14px;border-radius:3px}.btn-sm{padding:8px 10px;font-size:15px;border-radius:3px}.btn-lg{padding:13px 15px;font-size:20px;border-radius:6px}.form-group .btn{margin:10px 10px 0 0}.form-control{background-color:#eaeaea;border:1px solid #eaeaea;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;color:#0f161f;font-family:Raleway,sans-serif;height:45px;margin:10px 10px 0 0;padding:10px;text-align:left}.form-control .control-label{color:#414142}.form-control:hover{border:1px solid #0d78a6}.form-control:focus{border:1px solid #0d78a6;-webkit-box-shadow:0 0 3px #0d78a6;box-shadow:0 0 3px #0d78a6}.checkbox input[type=checkbox]{border:1px solid #b1b2b4;border-radius:4px}.has-success .form-control{border:1px solid #393;color:#393;font-weight:600}.has-success .form-control:hover{border:1px solid #393}.has-success .form-control:focus{border:1px solid #393;-webkit-box-shadow:0 0 3px #393;box-shadow:0 0 3px #393}.has-success .control-label{color:#414142}.has-error .form-control{border:1px solid #900;color:#900;font-weight:600}.has-error .form-control:hover{border:1px solid #900}.has-error .form-control:focus{border:1px solid #900;-webkit-box-shadow:0 0 3px #900;box-shadow:0 0 3px #900}.has-error .control-label{color:#414142}.table>thead>tr>th{border-bottom:0;vertical-align:middle;font-family:Raleway,sans-serif;font-weight:600}.table>tbody>tr>th{border-top:1px solid #b1b2b4;font-family:Raleway,sans-serif;font-weight:600}.table>tbody>tr>td{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;border-top:1px solid #dedede}.table>tbody>tr>td b{font-weight:600}.table>tbody>tr>td .well{width:300px}.table>tbody>tr>td .well p{margin-bottom:4px!important}.table>tbody>tr>td p{font-size:1em;margin-bottom:10px}.table>tbody>tr>td p:last-child{margin-bottom:0}table th{background-color:#dedede;color:#414142}table thead th{background-color:#dedede;color:#414142}table tbody th{background-color:rgba(179,195,220,.7);color:#414142}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f7f7f7}.table-bordered{border:none}.table-bordered>tbody>tr>td{border-right:1px solid #dedede;border-bottom:1px solid #dedede}.table-bordered>tbody>tr>th{border:1px solid rgba(179,195,220,.7);border-bottom:1px solid #dedede}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.alert{border:1px solid transparent;font-size:14px;margin-bottom:20px;padding:15px;border-radius:4px}.alert h4{color:inherit;margin-top:0}.alert .alert-link{font-weight:700}.alert>p{margin-bottom:0}.alert>p+p{margin-top:5px}.alert>ul{margin-bottom:0}.alert-dismissible{padding-right:35px}.alert-dismissible .close{color:inherit;position:relative;right:-21px;top:-2px}.alert-success{background-color:rgba(51,153,51,.2);color:#393}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:rgba(13,120,166,.15);color:rgba(0,0,0,.8)}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:rgba(255,204,0,.2);color:#b38000}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:rgba(153,0,0,.2);color:#900}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}.darker-grey{background-color:#0f161f}.darker-gray{background-color:#0f161f}.dark-grey{background-color:#414142}.dark-gray{background-color:#414142}.grey{background-color:#b1b2b4}.gray{background-color:#b1b2b4}.light-gray{background-color:#dedede}.light-grey{background-color:#dedede}.lighter-gray{background-color:#eaeaea}.lighter-grey{background-color:#eaeaea}.dark-blue{background-color:#1c4d73}.teal{background-color:#39b0d5}.darker-blue{background-color:#022941}.light-blue{background-color:#0d78a6}.light-teal{background-color:#a3dce6}.red{background-color:#900}.green{background-color:#393}.black{background-color:#000}.white{background-color:#fff}.purple-text{color:#6c197f;font-weight:700}.green-text{color:#0e850f;font-weight:700}.blue-text{color:#07a;font-weight:600}.red-text{color:#900;font-weight:600}body{padding-top:110px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media (min-width:768px){body{padding-top:102px}}.navigation-group{position:absolute;right:10px;top:0;margin-right:2%}@media (min-width:768px){.navigation-group{left:290px;right:auto}}@media (min-width:992px){.navigation-group{display:none}}.navigation-group .btn{margin-top:6px;border:none;border-radius:4px}@media (min-width:376px){.navigation-group .btn{margin-top:11px}}@media (min-width:768px){.navigation-group .btn{margin-top:43px;height:45px}}.dropdown-toggle{margin-bottom:0;height:30px;line-height:8px}.navbar-right{margin-right:0}.navigation-menu{left:-120px;overflow:scroll;height:600px}.navigation-menu .active{color:#39b0d5;font-weight:600;background-color:#fff}.navigation-menu .leaf{margin-bottom:4px}.navigation-menu .active{display:block}.navigation-menu>li>a{display:inline-block;color:#39b0d5;padding:0}.navigation-menu>li>a:hover{color:#1d718b;background-color:#fff}.navigation-menu>.active>a{color:#39b0d5;background-color:#fff;font-weight:600}.navigation-menu>.active>a:hover{color:#1d718b;background-color:#fff}.navigation-menu>li{display:inline-block;width:94%;padding-left:3%;overflow:hidden;text-overflow:ellipsis}.navigation-menu .sub-menu{padding-left:4px;display:block}.navigation-menu .sub-menu .leaf{width:100%}.site-logo{height:46px;width:252px;white-space:nowrap;text-align:center;margin:1em 0}@media (min-width:768px){.site-logo{height:62px;width:400px}}.site-logo img{margin-left:6px;margin-top:7px;vertical-align:middle;max-height:40px;max-width:194px}@media (min-width:376px){.site-logo img{max-height:46px;max-width:252px}}@media (min-width:768px){.site-logo img{margin-left:10px;max-height:58px;max-width:400px}}.helper{display:inline-block;height:100%;vertical-align:middle}.navbar-default{background-color:#1f2937;border:none;-webkit-font-smoothing:antialiased}.navbar-default .navbar-nav>li>a{color:#fff;font-size:16px}@media (min-width:768px){.navbar-default .navbar-nav>li>a{padding-top:26px;padding-bottom:26px}}.navbar-default .navbar-nav>li>a:hover{color:#fff}.navbar-default .navbar-nav>.active>a{background-color:#fff;color:#fff}.navbar-default .navbar-nav>.active>a:hover{background-color:#fff;color:#fff}.navbar-default .navbar-nav>li>a.btn{padding:15px;margin:10px;color:#fff;border:none}#search-container{vertical-align:middle;text-align:center;position:relative;margin-left:25px;margin-right:20px}@media (min-width:768px){#search-container{height:72px;width:100%;margin:0}}#search-container label{color:#b1b2b4;position:absolute;left:12px;top:13px}@media (min-width:768px){#search-container label{top:26px}}#search-container input{vertical-align:middle;background-color:#fff;border:none;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;color:#0f161f;font-family:Raleway,sans-serif;height:45px;width:100%;margin:0 auto;padding:10px 10px 10px 35px;font-size:16px;text-align:left;-webkit-transition:width .5s;transition:width .5s}@media (min-width:768px){#search-container input{border:1px solid #eaeaea;width:400px;margin:13px 20px 0 0;float:right}}@media (min-width:768px) and (max-width:991px){#search-container input{width:220px}}#search-container input ::-webkit-input-placeholder{color:#b1b2b4}#search-container input :-moz-placeholder{color:#b1b2b4}#search-container input ::-moz-placeholder{color:#b1b2b4}#search-container input :-ms-input-placeholder{color:#b1b2b4}#search-container #results-container{padding:10px;border-radius:0 0 4px 4px;background-color:#fff;position:absolute;margin:-4px auto 0;width:100%;list-style:none}@media (min-width:768px){#search-container #results-container{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);position:relative;margin:55px 0 0;width:400px;left:0}}@media (min-width:768px) and (max-width:991px){#search-container #results-container{width:220px}}#search-container #results-container li{list-style:none;font-size:16px;margin-bottom:5px}#search-container #results-container li :last-child{margin-bottom:0}#top_nav{display:none;background-color:#1f2937;list-style:none;margin:0;padding:0;height:30px;vertical-align:middle}#top_nav li{float:right;display:inline-block;margin-top:9px;margin-right:25px;margin-bottom:0;list-style-type:none;font-size:12px;line-height:1}#top_nav li a{text-decoration:none;color:#fff;font-weight:500;font-size:12px;line-height:1}#top_nav li a:hover{color:#39b0d5}#top_nav li:last-child{margin-right:20px}@media (min-width:768px){#top_nav{display:block}}.menu-container{padding-left:1%;width:20%;display:inline-block;position:fixed;height:90vh;overflow:auto;vertical-align:top;padding-bottom:40px;z-index:1}@media print{.menu-container{display:none}}.page-container{padding-left:20%;width:100%;display:inline-block;min-height:1000px;height:100%;vertical-align:top}.page-container>div[class^=col-]:first-child{border-left:solid #eaeaea 2px}@media print{.page-container{padding-left:0}}@media (max-width:991px){.page-container{padding-left:0;min-height:initial}}.side-menu{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;margin-bottom:0;list-style:none;font-weight:400;padding:20px 20px 0 0;font-size:1em;z-index:1}.side-menu .leaf.side-menu-header{border-bottom:solid #eaeaea 2px;padding-bottom:.2em;text-transform:uppercase;font-size:1.2em;line-height:1;font-weight:500;color:#414142;margin-top:1em;margin-bottom:1em}.side-menu .leaf.side-menu-h2{font-size:1.1em;line-height:1;font-weight:500;color:#414142;margin-top:.8em;margin-bottom:.3em}.side-menu .leaf{list-style:none;margin-bottom:.25em;padding:0}.side-menu .leaf .nolink{font-size:1em;line-height:1;font-weight:500;color:#414142}.side-menu .active{font-weight:600;color:#1c4d73}.side-menu .sub-menu{padding:0 0 0 .8em}@media print{.side-menu{display:none}}.share-btn{text-align:center;width:36px;display:inline-block;background:#dedede;border:#b1b2b4 solid 1px;font-size:16px;line-height:20px;padding:8px;border-radius:4px;font-weight:700;color:#0f161f;margin-right:4px}@media print{.share-btn{display:none}}.share-btn i{margin:0}.new-pill{border-radius:4px;background:#328f2f;color:#fff;display:inline-block;font-family:Raleway,sans-serif;font-size:12px;font-weight:600;letter-spacing:.17px;line-height:1.2;margin-left:10px;text-align:center;text-transform:uppercase;vertical-align:middle;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px}.new-pill i{margin-right:0}.static-map-example-nav{margin-top:20px;display:inline-block;position:relative;top:0}.documentation{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.4;color:rgba(0,0,0,.8)}.documentation .block{min-width:35px;border-radius:4px;color:#fff;display:inline-block;font-family:Raleway,sans-serif;font-size:18px;font-weight:600;height:30px;letter-spacing:.17px;line-height:30px;margin-right:10px;text-align:center;text-transform:uppercase;vertical-align:middle;padding-left:8px;padding-right:8px}.documentation .block i{margin-right:0}.documentation .get{background:#1879a4}.documentation .post{background:#328f2f}.documentation .stream{background:#808183}.documentation .document{background:#1f2937}.documentation .sample{background:#6c197f}.documentation .method-types .method{margin-bottom:10px;width:100%;display:inline-block}.documentation .method-types .method:last-child{margin-bottom:0}.documentation .method-types a{font-size:18px;vertical-align:middle}.documentation .method-types a:hover{text-decoration:none}.documentation .method-types span{vertical-align:middle;margin-right:10px}.documentation .method-types .method-path{display:inline-block;vertical-align:middle}.documentation .method-types .method-path p{color:#b1b2b4;font-size:18px;margin:10px 0!important}.documentation .documentation-header{margin-bottom:20px}.documentation .documentation-header .api-name{color:#414142;display:inline-block;font-family:Raleway,sans-serif;font-size:36px;height:40px;line-height:40px;margin:0;vertical-align:middle}@media screen and (max-width:1190px){.documentation .documentation-header .api-name{font-size:28px}}.documentation .resource-table tr th{width:150px}.documentation .resource-table tr td{text-align:center}.documentation .method-types{margin-bottom:40px}.documentation .well{border-top:0;padding:10px;overflow:auto}.documentation .well p{color:rgba(0,0,0,.8);display:block;font-family:Courier,serif;font-size:14px;line-height:24px;margin:0 0 10px;padding:0}.documentation .well p:last-child{margin-bottom:0}.documentation .well::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26)}.documentation .well::-webkit-scrollbar{height:8px;width:4px}.documentation .tab-content{background-color:#f5f5f5;border:1px solid #e3e3e3;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:0;margin-bottom:20px;padding:10px 10px 10px 20px}.documentation .nav-tabs>.active>a,.documentation .nav-tabs>.active>a:active,.documentation .nav-tabs>.active>a:focus,.documentation .nav-tabs>.active>a:hover{background-color:#f5f5f5;border:1px solid #e3e3e3;border-bottom-color:transparent;color:#555;cursor:default;outline:0}.documentation .quality-sample .form-group label{width:100%}.documentation .quality-sample .form-group input{display:inline-block;margin-bottom:10px;vertical-align:middle;width:100px}.documentation .quality-sample .form-group button{display:inline-block;height:45px;vertical-align:top;padding:0 10px}.documentation .position-table .centered{text-align:center}.documentation .position-table tbody tr th{text-align:center}.documentation .quality-table{width:350px}.documentation .quality-table tbody tr th{text-align:center;width:80px}.documentation .js-map{height:420px;margin-bottom:20px;border-radius:4px;z-index:0}.documentation .demo{min-height:20px;padding:19px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);margin-bottom:20px}.documentation .demo .image{width:400px;display:inline-block;vertical-align:middle;margin-right:20px;border-radius:4px}.documentation .demo .description{vertical-align:top;width:40%;display:inline-block}.documentation .demo .description .title{font-size:34px;margin-bottom:10px}.documentation .demo .description .title a{text-decoration:none}.jumpTarget:before{content:"";display:block;height:112px;margin:-112px 0 0}.dropdown-menu li{list-style:none}.android-image,.iphone-image{max-width:100%;max-height:600px;margin-right:auto;margin-left:auto;margin-bottom:20px}.screenshot-image{max-width:100%;max-height:400px;margin-right:auto;margin-left:auto;margin-bottom:20px}.service{margin-bottom:20px}.service .image img{max-height:200px;margin-bottom:10px}.service .name{margin-top:0;max-width:200px;text-align:center;margin-bottom:6px;font-size:20px;line-height:1.3;height:80px;vertical-align:top;color:rgba(0,0,0,.8);text-decoration:none}.service .name:hover{text-decoration:none}.service .description{text-decoration:none;margin-bottom:20px;color:rgba(0,0,0,.8)}.service .description:hover{text-decoration:none}.feature-box{text-align:left;min-height:150px;height:auto;padding:20px 15px 20px 67px;background-color:#eaeaea;position:relative;margin:0 0 30px 44px}@media screen and (min-width:480px){.feature-box{padding:20px 30px 20px 77px}}.feature-box h3{line-height:1.2;color:#39b0d5;min-height:56px;margin-bottom:6px;margin-top:0}.feature-box p a{color:#39b0d5}.feature-box p a:hover{color:#1d718b}.feature-box .feature-icon{position:absolute;left:-57px;top:0;-webkit-transform:scale(.8);transform:scale(.8)}@media screen and (min-width:480px){.feature-box .feature-icon{top:18px;-webkit-transform:scale(1);transform:scale(1)}}.feature-box h3{margin-bottom:10px;font-size:16px}@media screen and (min-width:480px){.feature-box h3{margin-bottom:6px;font-size:20px;padding-top:10px}}.feature-box .btn-primary{padding:6px 8px;font-size:14px;border-radius:3px;width:120px}@media screen and (min-width:480px){.feature-box .btn-primary{padding:8px 10px;font-size:15px;border-radius:3px;width:150px}}.feature-icon{width:114px;height:114px;background-repeat:no-repeat}.blog-icon .feature-icon{background-image:url(/documentation/assets/img/homepage/icon-journal.png)}.forum-icon .feature-icon{background-image:url(/documentation/assets/img/homepage/icon-microphone.png)}.faq-icon .feature-icon{background-image:url(/documentation/assets/img/homepage/icon-typewriter.png)}.contact-us .feature-icon{background-image:url(/documentation/assets/img/homepage/icon-telephone.png)}.img-container{background-color:#eaeaea;width:100%;border-radius:6px}.img-container .img-responsive{background-color:#eaeaea;max-height:230px;margin:0 auto 20px;border-radius:6px}.welcome-card-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.welcome-card-row>.col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px}.welcome-card-row .welcome-card{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-radius:4px;background-color:#eaeaea;position:relative;padding:10px 10px 50px}.welcome-card-row .welcome-card .description{margin-bottom:20px}.welcome-card-row .welcome-card .description p{margin:0}.welcome-card-row .welcome-card h2{margin:0 0 10px;vertical-align:top;display:inline-block}.welcome-card-row .welcome-card .action-container{margin-bottom:0;width:100%;height:40px;position:absolute;bottom:12px;right:10px}.welcome-card-row .welcome-card .action-container .btn{margin:0;float:right}.image-wrapper{max-width:400px;max-height:400px;width:400px;display:inline-block;margin-bottom:10px;margin-right:20px;background-color:rgba(0,0,0,.05)}@media screen and (max-width:991px){.image-wrapper{display:block;width:auto}}.image-wrapper .responsive-container{width:100%;padding-bottom:100%;position:relative}.image-wrapper .responsive-container img{position:absolute;top:0;left:0;width:100%}.wrap-600{max-width:600px;width:600px}.wrap-600 .responsive-container{padding-bottom:66.66%}.static-map{display:inline-block;width:400px;margin-right:20px}@media screen and (max-width:848px){.static-map{margin-bottom:10px}}.static-map-example-image{border-radius:8px;margin-bottom:10px}.width-600{width:600px}.static-map-small{display:inline-block;vertical-align:top;width:200px;height:200px;margin-bottom:220px;margin-right:220px}section{margin-bottom:102px}section::before{display:block;content:"";padding-top:102px;margin-top:-102px;visibility:hidden}@media screen and (max-width:848px){section::before{padding-top:106px;margin-top:-106px}}section h3:before{display:block;content:"";padding-top:112px;margin-top:-112px;visibility:hidden}@media screen and (max-width:848px){section h3:before{padding-top:116px;margin-top:-116px}}.parameter-list{list-style:none;margin:0;padding:0}.parameter-list,.static-map{margin-bottom:135px}.parameter-list-item{zoom:1;display:block;border-bottom:1px solid #f0f4f7;line-height:24px}.parameter-list-item:last-child{border-bottom:none}.parameter-list-item:before{display:block;content:"";padding-top:117px;margin-top:-102px;visibility:hidden}@media screen and (max-width:848px){.parameter-list-item:before{padding-top:121px;margin-top:-106px}}.parameter-list-item p{font-size:13px;line-height:21px}.parameter-list-item:after{display:block;content:"";visibility:hidden;clear:both}@media screen and (max-width:848px){.parameter-list-item:after{padding-bottom:121px;margin-bottom:-106px}}.parameter-list-header h3{color:rgba(179,195,220,.9);margin:0}.parameter-list-header h3:not(first-child){margin-top:15px}.parameter-list-item .parameter-list-item-label{float:left;position:relative;text-align:left;width:220px;margin-bottom:12px}@media screen and (max-width:848px){.parameter-list-item .parameter-list-item-label{width:auto;float:none}}.parameter-list-item-label{margin:0;padding:0;font-size:15px;line-height:21px;word-break:break-all;white-space:normal}a.header-anchor{display:inline-block;opacity:0;position:relative;top:0;width:12px;height:12px;background-repeat:no-repeat;background-image:url(/documentation/assets/img/anchor.png);background-position:50% 50%;isolation:isolate}.parameter-list-item-label:hover a.header-anchor{opacity:1;-ms-filter:none;-webkit-filter:none;filter:none}.parameter-list-item-label-details{color:#939da3;font-size:12px;font-weight:400;text-transform:none;word-break:normal;display:block}.parameter-list-item-label-badge{vertical-align:top;color:#39b0d5;font-size:12px;font-weight:600;text-transform:uppercase;display:block;margin-left:0;padding:4px 0 0;border:0;border-radius:0;line-height:1.2em}.parameter-list-item-description{font-size:13px;line-height:21px;position:relative;margin:6px 0 12px 240px;word-wrap:break-word}@media screen and (max-width:848px){.parameter-list-item-description{margin:0}}.parameter-list-item-description ul{margin-bottom:10px}.parameter-list-item-description h5{margin-bottom:4px}.parameter-list-item-description p{margin-bottom:10px}.parameter-list-item-description p:last-child{margin-bottom:0}#getting-started-nav{padding-right:10px;position:fixed;top:130px;text-decoration:none;font-size:1em;height:100%;overflow:auto}#getting-started-nav>ul{list-style-type:none;margin:0;padding:0}.request{padding:10px;overflow:auto;min-height:20px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-top:0;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.request .type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:60px;float:left}.request .url{white-space:nowrap}.request p{color:rgba(0,0,0,.8);display:block;font-family:Courier,serif;font-size:14px;line-height:24px;margin:0;padding:0 10px 0 0}.request::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26)}.request::-webkit-scrollbar{height:8px;width:4px}.static-map-example-request{margin-bottom:40px}.icons-header{padding-bottom:15px}.circle-showcase,.flag-showcase,.incident-showcase,.marker-showcase,.via-showcase{background-color:#dedede;padding:30px;text-align:center;border-radius:4px;min-height:105px;margin-bottom:20px}td .circle-showcase,td .flag-showcase,td .incident-showcase,td .marker-showcase,td .via-showcase{margin-bottom:0}.circle-showcase img,.flag-showcase img,.incident-showcase img,.marker-showcase img,.via-showcase img{margin-right:10px;margin-bottom:10px}.marker-retina-sm{height:35px;width:28px}.marker-retina-md{height:44px;width:35px}.marker-retina-lg{height:53px;width:42px}.circle-retina-sm{height:28px;width:28px}.circle-retina-md{height:35px;width:35px}.circle-retina-lg{height:42px;width:42px}.via-retina-sm{height:10px;width:10px}.via-retina-md{height:14px;width:14px}.via-retina-lg{height:18px;width:18px}.flag-retina-sm{height:30px;width:60px}.flag-retina-md{height:35px;width:70px}.flag-retina-lg{height:40px;width:80px}.incident-retina-sm{height:25px;width:28px}.incident-retina-md{height:31px;width:35px}.incident-retina-lg{height:33px;width:42px}.mapquest-js .parameter-list{margin-bottom:40px}.mapquest-js .CodeMirror{background:#eaeaea;margin-bottom:20px;border-radius:4px}.md-and-scrollable{max-height:200px!important;overflow-y:scroll}iframe{margin-bottom:100px}pre[class*=language-]{max-height:800px;overflow-y:scroll}pre[class*=language-]::-webkit-scrollbar{width:8px;height:8px}pre[class*=language-]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26)}</style>  <title>Link to MapQuest Tool | MapQuest API Documentation</title> <meta name="generator" content="Jekyll v3.9.2" /> <meta property="og:title" content="Link to MapQuest Tool" /> <meta property="og:locale" content="en_US" /> <meta name="description" content="Documents how to link directly to MapQuest and display embedded interactive maps or search results on your website." /> <meta property="og:description" content="Documents how to link directly to MapQuest and display embedded interactive maps or search results on your website." /> <link rel="canonical" href="https://developer.mapquest.com/documentation/tools/link-to-mapquest/" /> <meta property="og:url" content="https://developer.mapquest.com/documentation/tools/link-to-mapquest/" /> <meta property="og:site_name" content="MapQuest API Documentation" /> <script type="application/ld+json"> {"description":"Documents how to link directly to MapQuest and display embedded interactive maps or search results on your website.","@type":"WebPage","url":"https://developer.mapquest.com/documentation/tools/link-to-mapquest/","headline":"Link to MapQuest Tool","@context":"http://schema.org"}</script>  </head> <body> <nav class="navbar navbar-default navbar-fixed-top"> <ul id="top_nav"> <li class="mapquest-link"><a href="https://www.mapquest.com">MapQuest.com</a></li> <li class="mapquest-link"><a href="https://business.mapquest.com">Business</a></li> </ul> <div class="navbar-header"> <span class="helper"></span> <a href="/" class="site-logo"> <img alt="MapQuest Developer Logo" src="/documentation/assets/img/logo.svg" height="116"> </a>  <div class="navigation-group btn-group .visible-xs-*"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Navigation <span class="caret"></span> </button> <ul class="dropdown-menu navigation-menu"> <li class="leaf"> <a href="/documentation/">Getting Started</a> </li> <li class="leaf"> <a href="/devblog" target="_blank">Developer Blog</a> </li> <li class="leaf side-menu-h2"> <span>Web SDKs</span> </li> <li class="leaf "> <a href="/documentation/mapquest-js/v1.3/">MapQuest.js</a> </li> <li class="leaf "> <a href="/documentation/place-search-js/v1.0/">PlaceSearch.js</a> </li> <li class="leaf side-menu-h2"> <span>APIs</span> </li> <li class="leaf "> <a href="/documentation/data-manager/">Data Manager API</a> </li> <li class="leaf "> <a href="/documentation/directions-api/">Directions API</a> </li> <li class="leaf "> <a href="/documentation/geocoding-api/">Geocoding API</a> </li> <li class="leaf "> <a href="/documentation/icons-api/v2/">Icons API</a> </li> <li class="leaf "> <a href="/documentation/search-api/v2/">Search API</a> </li> <li class="leaf "> <a href="/documentation/search-api/v4/swagger/">Place Search API</a> </li> <li class="leaf "> <a href="/documentation/searchahead-api/">Search Ahead API</a> </li> <li class="leaf "> <a href="/documentation/static-map-api/v5/">Static Map API</a> </li> <li class="leaf "> <a href="/documentation/traffic-api/">Traffic API</a> </li> <li class="leaf side-menu-h2"> <span>Legacy Products</span> </li> <li class="leaf "> <a href="/documentation/leaflet-plugins/">Leaflet Plugins</a> </li> <li class="leaf side-menu-h2"> <span>Tools</span> </li> <li class="leaf "> <a href="/documentation/tools/latitude-longitude-finder/">Lat/Lng Finder</a> </li> <li class="leaf active"> <a href="/documentation/tools/link-to-mapquest/">Link to MapQuest</a> </li> <li class="leaf side-menu-h2"> <span>Share</span> </li> </ul> </div> </div> <ul class="nav navbar-nav navbar-right">  <li id="search-container"> <label for="search-input"> <i class="fa fa-search" aria-hidden="true"></i> </label> <input type="text" id="search-input" placeholder="Search documentation"> <ul style="display: none" id="results-container"></ul> </li> </ul> </nav> <div class="hidden-xs hidden-sm menu-container"> <ul class="side-menu"> <li class="leaf"> <a href="/documentation/">Getting Started</a> </li> <li class="leaf"> <a href="/devblog" target="_blank">Developer Blog</a> </li> <li class="leaf side-menu-header"> <span>Documentation</span> </li> <li class="leaf side-menu-h2"> <span>Web SDKs</span> </li> <li class="leaf "> <a href="/documentation/mapquest-js/v1.3/">MapQuest.js</a> </li> <li class="leaf "> <a href="/documentation/place-search-js/v1.0/">PlaceSearch.js</a> <span class="new-pill">new</span> </li> <li class="leaf side-menu-h2"> <span>APIs</span> </li> <li class="leaf "> <a href="/documentation/data-manager/">Data Manager API</a> </li> <li class="leaf "> <a href="/documentation/directions-api/">Directions API</a> </li> <li class="leaf "> <a href="/documentation/geocoding-api/">Geocoding API</a> </li> <li class="leaf "> <a href="/documentation/icons-api/v2/">Icons API</a> </li> <li class="leaf "> <a href="/documentation/search-api/v2/">Search API</a> </li> <li class="leaf "> <a href="/documentation/search-api/v4/swagger/">Place Search API</a> </li> <li class="leaf "> <a href="/documentation/searchahead-api/">Search Ahead API</a> </li> <li class="leaf "> <a href="/documentation/static-map-api/v5/">Static Map API</a> </li> <li class="leaf "> <a href="/documentation/traffic-api/">Traffic API</a> </li> <li class="leaf side-menu-h2"> <span>Legacy Products</span> </li> <li class="leaf "> <a href="/documentation/leaflet-plugins/">Leaflet Plugins</a> </li> <li class="leaf side-menu-h2"> <span>Tools</span> </li> <li class="leaf "> <a href="/documentation/tools/latitude-longitude-finder/">Lat/Lng Finder</a> </li> <li class="leaf active"> <a href="/documentation/tools/link-to-mapquest/">Link to MapQuest</a> </li> <li class="leaf side-menu-h2"> <span>Share</span> </li> </ul> <div class="share-page"> <a class="share-btn" href="https://twitter.com/intent/tweet?text=Link to MapQuest Tool&url=https://developer.mapquest.com/documentation/tools/link-to-mapquest/&via=MQDeveloper&related=MQDeveloper" rel="nofollow" target="_blank" title="Share on Twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a class="share-btn" href="https://facebook.com/sharer.php?u=https://developer.mapquest.com/documentation/tools/link-to-mapquest/" rel="nofollow" target="_blank" title="Share on Facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </div> </div> <div class="page-container"> <div class="col-md-10"> <div class="documentation"> <h1>Link to MapQuest Guide</h1> <p>MapQuest has a variety of fast, easy ways for you to embed maps into your personal blog, or small business site. The easiest way is to simply search for a location or business on MapQuest, and click the “Share” button. From the “Share” menu, select “Embed,” and customize an iFrame to your specifications. It’s that easy! </p> <p>We are also proud to offer Link to MapQuest, a free service from that allows you to link directly to <a href="https://www.MapQuest.com">MapQuest</a> and display interactive maps or search results.</p> <p>Whichever method you choose, MapQuest is a convenient way to help lead the way.</p> <p><em>By linking to MapQuest.com you agree to the following <a href="https://hello.mapquest.com/terms-of-use">Terms and Conditions</a>.</em></p> <h2>How can I get MapQuest on my site?</h2> <p>The following are ways you can use Link to MapQuest:</p> <ul> <li>Use the “Share” function to embed a map onto your site</li> <li>Link back to the MapQuest.com home page</li> <li>Create a unique link to MapQuest.com with a predefined location, route, or search</li> <li>Embed the MapQuest.com map on your site</li> </ul> <h3>URL Structure</h3> <p>The base URL for the link to MapQuest is https://www.mapquest.com/. From here we follow a format of <code>https://www.mapquest.com/{view specifier}/?{options}</code>. The following are the current view specifiers available:</p> <ul> <li>/<slug> - Links to MapQuest with specific address or POI in map view.</li> <li>/search/results - Links to the MapQuest results list with corresponding map view.</li> <li>/directions - Links to the MapQuest main site with the step-by-step directions list view. </li> <li>/latlng - Links to MapQuest with map view of lat/lng coordinates.</li> <li>/embed - A map page with the intention of being embedded in a web page is generated. Typically this would be the src attribute of an iframe. </li> <li>/my-maps - Links to a specific My Map view on MapQuest</li> </ul> <p>If a view specifier is not given, the service will use map or directions depending on the settings given. View the Link to MapQuest Parameters section for details on the settings.</p> <h2>Link to MapQuest Wizard</h2> <div class="alert alert-info" role="alert">In order to use some of the features of this tool visit the <a href="https://developer.mapquest.com/">MapQuest Developer Network</a> to receive your AppKey. </div> <div class="well"> <div class="code" id="sampleUrl">https://www.mapquest.com/map?</div> </div> <b>What would you like to do?</b> <div class="radio"> <label class="radio-inline"> <input type="radio" name="linkType" id="locationType" onclick="showBasicURL();"/> Map a Location </label> <label class="radio-inline"> <input type="radio" name="linkType" id="routeType" onclick="showBasicURL();"/> Get Directions </label> <label class="radio-inline"> <input type="radio" name="linkType" id="searchType" onclick="showBasicURL();"/> Search Near a Location </label> <label class="radio-inline"> <input type="radio" name="linkType" id="bizType" onclick="showBasicURL();"/> Map Business Locations </label> </div> <div id="locationDiv" style="display:none;"> <table class="table table-bordered table-striped"> <thead> <tr> <th colspan="3">Link to a Map Location<br><br><span style="font-weight:normal;">Link to a single mapped location on MapQuest using the Wizard below. Replace the default data in the Wizard with your own custom data and the Wizard will generate the link in the green box above. Click "Run Sample" to execute the query and see the result on MapQuest.</span> </th> </tr> </thead> <tbody> <tr> <td colspan="2" width="100%"> <label class="radio-inline"> <input name="locationType" id="singlelineType" onclick="showBasicURL('');" type="radio"> Single Line Location </label> <label class="radio-inline"> <input name="locationType" id="fieldedType" onclick="showBasicURL('');" type="radio"> Fielded Location </label> </td> <td>Parameter</td> </tr> <tr id="singlelineTR" style=""> <td>Location(Address,LatLng,SearchTermnear:Address):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtLocation" onkeyup="showBasicURL('txtLocation');" type="text" value="1555 Blake St Denver CO 80202"></td> <td>"q"</td> </tr> <tr id="streetTR" style="display: none;"> <td>Street:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtStreet" onkeyup="showBasicURL('txtStreet');" type="text" value="1555 Blake St"></td> <td>"q"</td> </tr> <tr id="cityTR" style="display: none;"> <td>City:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtCity" onkeyup="showBasicURL('txtCity');" type="text" value="Denver"></td> <td>"q"</td> </tr> <tr id="stateTR" style="display: none;"> <td>State/Province:</td> <td padding="5px" width="100%"><input maxlength="2" size="2" id="txtState" onkeyup="showBasicURL('txtState');" type="text" value="CO"></td> <td>"q"</td> </tr> <tr id="postalCodeTR" style="display: none;"> <td>PostalCode:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtPostalCode" onkeyup="showBasicURL('txtPostalCode');" type="text" value="80202"></td> <td>"q"</td> </tr> <tr id="countryTR" style="display: none;"> <td>Country:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtCountry" onkeyup="showBasicURL('txtCountry');" type="text" value="US"></td> <td>"q"</td> </tr> <tr id="locationLabelTR" style=""> <td>PersonalLabel:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtLocationLabel" onkeyup="showBasicURL('txtLocationLabel');" type="text" value="MapQuest Office Downtown Denver"> </td> <td>"q"</td> </tr> <tr id="locationCenterTR" style=""> <td>CustomCenter(AddressorLat,Lng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtLocationCenter" onkeyup="showBasicURL('txtLocationCenter');" type="text" value=""></td> <td>"center"</td> </tr> <tr id="locationZoomTR" style=""> <td>CustomZoom:</td> <td padding="5px" width="100%"> <select id="locationZoom" onchange="showBasicURL('');"> <option value="" selected="true">default</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> </select> </td> <td>"zoom"</td> </tr> <tr id="locationMaptypeTR" style=""> <td>Maptype:</td> <td padding="5px" width="100%"> <select id="locationMaptype" onchange="showBasicURL('');"> <option value="map" selected="true">Map</option> <option value="aerial">Aerial</option> <option value="hybrid">Hybrid</option> </select> </td> <td>"maptype"</td> </tr> <tr id="locationLayerTR" style=""> <td>Layer:</td> <td padding="5px" width="100%"> <select id="locationLayer" onchange="showBasicURL('');"> <option value="" selected="true">None</option> <option value="traffic">Traffic</option> </select> </td> <td>"layer"</td> </tr> <tr id="locationStaticTR" style=""> <td>Create Static Map Linking to MapQuest? <b>(requires a Key)*</b></td> <td padding="5px" width="100%"> <select id="locationStatic" onchange="showBasicURL('');"> <option value="no" selected="true">No</option> <option value="yes">Yes</option> </select> </td> <td>-</td> </tr> <tr id="locationStaticKeyTR" style=""> <td>App Key:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="locationStaticKey" onkeyup="showBasicURL('locationStaticKey');" type="text" value="YOUR_KEY_HERE"></td> <td>"key"</td> </tr> <tr id="locationStaticSizeTR" style=""> <td>Size of Image (width, height)</td> <td padding="5px" width="100%"><input style="width: 99%;" id="locationStaticSize" onkeyup="showBasicURL('locationStaticSize');" type="text" value="200,200"></td> <td>"size"</td> </tr> </tbody> </table> </div> <div id="routingDiv" style="display:none;"> <table class="table table-bordered table-striped"> <thead> <tr> <th colspan="3"> Link to Directions<br><br><span style="font-weight:normal;">Create a link to a MapQuest map showing directions using the Wizard below. Replace the default data in the Wizard with your own custom data and the Wizard will generate the link in the green box above. Click "Run Sample" to execute the query and see the result on MapQuest.</span> </th> </tr> </thead> <tbody> <tr> <td colspan="3"> <label class="radio-inline"> <input name="routeType" id="qType" onclick="showBasicURL('');" type="radio"> Route using <code>"q"</code> Parameter </label> <label class="radio-inline"> <input name="routeType" id="addrType" onclick="showBasicURL('');" type="radio"> Route using the <code>"saddr"</code> and <code>"daddr"</code> Parameters </label> <label class="radio-inline"> <input name="routeType" id="toType" onclick="showBasicURL('');" type="radio"> Route Using the <code>"to:"</code> Keyword </label> </td> </tr> <tr> <td colspan="2"></td> <td width="1">Parameter</td> </tr> <tr id="qTR" style="display: none;"> <td>Locations(AddressorLatLngSeperatedby"|"):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtQ" onkeyup="showBasicURL('txtQ');" type="text" value="1555 Blake Street Denver CO 80202|Littleton, CO"> </td> <td>"q1","q2",etc.</td> </tr> <tr id="saddrTR" style="display: none;"> <td>Start(AddressorLat,Lng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSaddr" onkeyup="showBasicURL('txtSaddr');" type="text" value="1555 Blake Street Denver CO 80202"></td> <td>"saddr"</td> </tr> <tr id="daddrTR" style="display: none;"> <td>Destination(AddressorLat,Lng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtDaddr" onkeyup="showBasicURL('txtDaddr');" type="text" value="Littleton, CO"></td> <td>"daddr"</td> </tr> <tr id="toTR" style="display: none;"> <td>Locations(AddressorLatLngSeperatedby"|"):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtTo" onkeyup="showBasicURL('txtTo');" type="text" value="1555 Blake Street Denver CO 80202|Littleton, CO"> </td> <td>"q"</td> </tr> <tr id="directionLabelTR" style=""> <td>PersonalLabels(Separatedby"|"):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtDirectionLabel" onkeyup="showBasicURL('txtDirectionLabel');" type="text" value="MapQuest Office Downtown Denver|Littleton, CO"> </td> <td>"q"</td> </tr> <tr id="routeCenterTR" style="display: none;"> <td>CustomCenter(AddressorLat,Lng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtRouteCenter" onkeyup="showBasicURL('txtRouteCenter');" type="text" value=""></td> <td>"center"</td> </tr> <tr id="routeZoomTR" style="display: none;"> <td>CustomZoom:</td> <td padding="5px" width="100%"> <select id="routeZoom" onchange="showBasicURL('');"> <option value="" selected="true">default</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> </select> </td> <td>"zoom"</td> </tr> <tr id="routeMaptypeTR" style="display: none;"> <td>Maptype:</td> <td padding="5px" width="100%"> <select id="routeMaptype" onchange="showBasicURL('');"> <option value="map" default="true">Map</option> <option value="aerial">Aerial</option> <option value="hybrid">Hybrid</option> </select> </td> <td>"maptype"</td> </tr> <tr id="routeLayerTR" style="display: none;"> <td>Layer:</td> <td padding="5px" width="100%"> <select id="routeLayer" onchange="showBasicURL('');"> <option value="" selected="true">None</option> <option value="traffic">Traffic</option> </select> </td> <td>"layer"</td> </tr> <tr id="routeStaticTR" style=""> <td>Create Static Map Linking to MapQuest? <b>(requires a Key)*</b></td> <td padding="5px" width="100%"> <select id="routeStatic" onchange="showBasicURL('');"> <option value="no" selected="true">No</option> <option value="yes">Yes</option> </select> </td> <td>-</td> </tr> <tr id="routeStaticKeyTR" style=""> <td>App Key:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="routeStaticKey" onkeyup="showBasicURL('routeStaticKey');" type="text" value="YOUR_KEY_HERE"></td> <td>"key"</td> </tr> <tr id="routeStaticSizeTR" style=""> <td>Size of Image (width, height)</td> <td padding="5px" width="100%"><input style="width: 99%;" id="routeStaticSize" onkeyup="showBasicURL('routeStaticSize');" type="text" value="200,200"></td> <td>"size"</td> </tr> <tr id="routeStaticGeneralizationTR" style=""> <td>Generalization (Enter 0 for none)</td> <td padding="5px" width="100%"><input style="width: 99%;" id="routeStaticGeneralization" onkeyup="showBasicURL('routeStaticGeneralization');" type="text" value="50"></td> <td>"generalize"</td> </tr> </tbody> </table> </div> <div id="searchDiv" style="display:none;"> <table class="table table-bordered table-striped"> <thead> <tr> <th colspan="3"> Link to a Map Search<br><br><span style="font-weight:normal;">Create a link to a MapQuest map displaying search results using the Wizard below. Replace the default data in the Wizard with your own custom data and the Wizard will generate the link in the green box above. Click "Run Sample" to execute the query and see the result on MapQuest.</span> </th> </tr> </thead> <tbody> <tr> <td colspan="3"> <label class="radio-inline"> <input name="searchType" id="searchLocationType" onclick="showBasicURL('');" type="radio"> Search Around a Location </label> <label class="radio-inline"> <input name="searchType" id="searchSICType" onclick="showBasicURL('');" type="radio"> Search by SIC and Franchise Code Around a Location </label> <label class="radio-inline"> <input name="searchType" id="searchRouteType" onclick="showBasicURL('');" type="radio"> Search Around Route Stops </label> </td> </tr> <tr> <td colspan="2"></td> <td width="1">Parameter</td> </tr> <tr id="singlelineSearchTR" style="display: none;"> <td>Location (Address,LatLng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtLocationSearch" onkeyup="showBasicURL('txtLocationSearch');" type="text" value="1555 Blake St Denver CO 80202"> </td> <td>"q"</td> </tr> <tr id="searchTermTR" style="display: none;"> <td>SearchAroundLocationFor:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSearchTerm" onkeyup="showBasicURL('txtSearchTerm');" type="text" value="coffee shops"></td> <td>"q"</td> </tr> <tr id="searchTermSICTR" style="display: none;"> <td>SearchAroundLocationFor(SIC+FranchiseCode): </td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSearchSICTerm" onkeyup="showBasicURL('txtSearchSICTerm');" type="text" value="581208F77"></td> <td>"q"<br><br>View other available codes <a href="https://www.mapquestapi.com/search/ds-ntpois.html#sic-codes">here</a></td> </tr> <tr id="searchLabelTR" style=""> <td>BusinessLabel:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSearchLabel" onkeyup="showBasicURL('txtSearchLabel');" type="text" value="Pizza Hut"></td> <td>"q"</td> </tr> <tr id="routeSearch1TR" style="display: none;"> <td>StartingLocation(AddressorLatLng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtRouteSearch1" onkeyup="showBasicURL('txtRouteSearch1');" type="text" value="1555 Blake St Denver CO 80202"></td> <td>"q1"</td> </tr> <tr id="searchTerms1TR" style="display: none;"> <td>SearchAroundStartingLocationFor(SIC+FranchiseCodeorSearchTerm):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSearchTerms1" onkeyup="showBasicURL('txtSearchTerms1');" type="text" value="coffee shops"></td> <td>"q"</td> </tr> <tr id="routeSearch2TR" style="display: none;"> <td>DestinationLocation (AddressorLatLng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtRouteSearch2" onkeyup="showBasicURL('txtRouteSearch2');" type="text" value="Littleton, CO"></td> <td>"q2"</td> </tr> <tr id="searchTerms2TR" style="display: none;"> <td>SearchAroundDestinationLocationFor(SIC+FranchiseCodeorSearchTerm):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtSearchTerms2" onkeyup="showBasicURL('txtSearchTerms2');" type="text" value="581208F77"></td> <td>"q"</td> </tr> <tr id="centerSearchTR" style="display: none;"> <td>CustomCenter(AddressorLat,Lng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtLocationCenterSearch" onkeyup="showBasicURL('txtLocationCenterSearch');" type="text" value=""></td> <td>"center"</td> </tr> <tr id="zoomSearchTR" style="display: none;"> <td>CustomZoom:</td> <td padding="5px" width="100%"> <select id="locationZoomSearch" onchange="showBasicURL('');"> <option value="" selected="true">default</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> </select> </td> <td>"zoom"</td> </tr> <tr id="maptypeSearchTR" style="display: none;"> <td>Maptype:</td> <td padding="5px" width="100%"> <select id="locationMaptypeSearch" onchange="showBasicURL('');"> <option value="map" selected="true">Map</option> <option value="aerial">Aerial</option> <option value="hybrid">Hybrid</option> </select> </td> <td>"maptype"</td> </tr> <tr id="layerSearchTR" style="display: none;"> <td>Layer:</td> <td padding="5px" width="100%"> <select id="locationLayerSearch" onchange="showBasicURL('');"> <option value="" selected="true">None</option> <option value="traffic">Traffic</option> </select> </td> <td>"layer"</td> </tr> <tr id="staticSearchTR" style=""> <td>Create Static Map Linking to MapQuest? <b>(requires a Key)*</b></td> <td padding="5px" width="100%"> <select id="staticSearch" onchange="showBasicURL('');"> <option value="no" selected="true">No</option> <option value="yes">Yes</option> </select> </td> <td>-</td> </tr> <tr id="staticSearchKeyTR" style=""> <td>App Key:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="staticSearchKey" onkeyup="showBasicURL('staticSearchKey');" type="text" value="YOUR_KEY_HERE"></td> <td>"key"</td> </tr> <tr id="staticSearchSizeTR" style=""> <td>Size of Image (width, height)</td> <td padding="5px" width="100%"><input style="width: 99%;" id="staticSearchSize" onkeyup="showBasicURL('staticSearchSize');" type="text" value="200,200"></td> <td>"size"</td> </tr> </tbody> </table> </div> <div id="bizDiv" style="display:none;"> <table class="table table-bordered table-striped"> <thead> <tr> <th colspan="3">Link to Business Locations<br><br><span style="font-weight:normal;">Link to a business category on MapQuest using the Wizard below. Replace the default data in the Wizard with your own custom data and the Wizard will generate the link in the green box above. Click "Run Sample" to execute the query and see the result on MapQuest.</span> </th> </tr> </thead> <tbody> <tr id="bizCatTR" style=""> <td>Business Category:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtBizCat" onkeyup="showBasicURL('txtBizCat');" type="text" value="bookstores"></td> <td>"q"</td> </tr> <tr id="bizSinglelineTR" style=""> <td>Location(Address,LatLng):</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtBiz" onkeyup="showBasicURL('txtBiz');" type="text" value="1555 Blake St Denver CO 80202"></td> <td>"q"</td> </tr> <tr id="bizLabelTR" style=""> <td>PersonalLabel:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="txtBizLabel" onkeyup="showBasicURL('txtBizLabel');" type="text" value="MapQuest Office Downtown Denver"></td> <td>"q"</td> </tr> <tr id="bizZoomTR" style=""> <td>CustomZoom:</td> <td padding="5px" width="100%"> <select id="bizZoom" onchange="showBasicURL('bizZoom');"> <option value="" selected="true">default</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> </select> </td> <td>"zoom"</td> </tr> <tr id="bizMaptypeTR" style=""> <td>Maptype:</td> <td padding="5px" width="100%"> <select id="bizMaptype" onchange="showBasicURL('bizMaptype');"> <option value="map" selected="true">Map</option> <option value="aerial">Aerial</option> <option value="hybrid">Hybrid</option> </select> </td> <td>"maptype"</td> </tr> <tr id="bizLayerTR" style=""> <td>Layer:</td> <td padding="5px" width="100%"> <select id="bizLayer" onchange="showBasicURL('bizLayer');"> <option value="" selected="true">None</option> <option value="traffic">Traffic</option> </select> </td> <td>"layer"</td> </tr> <tr id="bizStaticTR" style=""> <td>Create Static Map Linking to MapQuest? <b>(requires a Key)*</b></td> <td padding="5px" width="100%"> <select id="bizStatic" onchange="showBasicURL('bizStatic');"> <option value="no" selected="true">No</option> <option value="yes">Yes</option> </select> </td> <td>-</td> </tr> <tr id="bizStaticKeyTR" style=""> <td>App Key:</td> <td padding="5px" width="100%"><input style="width: 99%;" id="bizStaticKey" onkeyup="showBasicURL('bizStaticKey');" type="text" value="YOUR_KEY_HERE"></td> <td>"key"</td> </tr> <tr id="bizStaticSizeTR" style=""> <td>Size of Image (width, height)</td> <td padding="5px" width="100%"><input style="width: 99%;" id="bizStaticSize" onkeyup="showBasicURL('bizStaticSize');" type="text" value="200,200"></td> <td>"size"</td> </tr> </tbody> </table> </div> <p> <button id="runSample" class="btn btn-primary" onclick="runSample('');"> Run Sample </button> <button id="runEmbedSample" class="btn btn-primary" onclick="runSample('embed');"> Run Sample with Embed View Specifier </button>    </p> <p>(Output will open in a new window)</p> <h2 id="parameters">Link to MapQuest Parameters</h2> <p> The base URL for linking to MapQuest map is <code>https://www.mapquest.com/</code>. The following tables list the parameters that would be used in the <code>"settings"</code> portion of the URL. </p> <h3>Link to Map</h3> <p> Build map links and embed maps onto your site using our simple instructions and parameters to form a URL. You can also customize the default look of the map by specifying <code>map</code> type (map, or satellite) or by adjusting the zoom level and/or map center. </p> <p>General Format:</p> <ul> <li>https://mapquest.com/?<options></li> <li>https://mapquest.com/<slug>?<options></li> <li>https://mapquest.com/latlng/<Lat/Lng coordinates></li> </ul> <p> <a class="btn btn-primary" onclick="collapseCode('location');" onmouseover="javascript:document.body.style.cursor='pointer';" onmouseout="javascript:document.body.style.cursor='default';">Link to Map Parameters</a> </p> <table id="locationParameters" class="table table-bordered table-striped" style="display:none"> <thead> <tr> <th> Parameter </th> <th> Type </th> <th> Description </th> <th> Examples </th> </tr> </thead> <tbody> <tr> <td> /<slug> </td> <td> slug </td> <td> Append the root url with a location-Slug, and the map will drop a marker, and center on the location.<br/> <em>The best way to find a <slug > is to search for the address or point of interest on MapQuest and select “Share.” The expanded URL will contain the exact slug for that location.</em> </td> <td> <a href="https://mapquest.com/us/fl-282094580">https://mapquest.com/us/fl-282094580</a> </td> </tr> <tr> <td> ?center </td> <td> Query or Lat/Lng </td> <td> Instructs the map to center on the provided location or Lat/Lng coordinates. </td> <td> <a href="https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat https://www.mapquest.com/?center=Kittery,%20ME">https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat https://www.mapquest.com/?center=Kittery,%20ME</a> </td> </tr> <tr> <td> ?zoom </td> <td> int[1-16] </td> <td> Sets the zoom of the map. </td> <td> <a href="https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat">https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat</a> </td> </tr> <tr> <td> zoom </td> <td> String </td> <td> Toggles: mapview Options: { Map : Default : map } { Satellite : sat } </td> <td> <a href="https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat">https://mapquest.com/?center=39.750307,-104.999472&zoom=14&maptype=sat</a> </td> </tr> </tr> </tbody> </table> <h4>Link to Directions</h4> <p>Want to share directions from a user’s location to a specified location, such as a retail store? MapQuest makes it easy, allowing you to either copy/paste the URL for your route, or by clicking “Share” from the “View Route Directions” menu, and choosing to “Embed.”</p> <p>Interested in more robust Directions? Sign up to as a <a href="/user/login/sign-up">MapQuest Developer</a>, and get started with our <a href="/products/directions/">Directions API</a> Today!</p> <h4>Link to Map Search</h4> <p> Build Search Result links using our simple instructions and parameters to form the URL. Link to a type of business near an address, a franchise or specific business near a location. Customize the map by specifying the map type (map or satellite view) or by adjusting the zoom level and/or map center. </p> <p>General URL Format:</p> <ul> <li>https://mapquest.com/search/results?<options></li> </ul> <p> <a class="btn btn-primary" onclick="collapseCode('search');" onmouseover="javascript:document.body.style.cursor='pointer';" onmouseout="javascript:document.body.style.cursor='default';">Link to Map Search Parameters</a> </p> <table id="searchParameters" class="table table-bordered table-striped" style="display:none"> <thead> <tr> <th> Parameter </th> <th> Type </th> <th> Description </th> <th> Examples </th> </tr> </thead> <tbody> <tr> <td> ?query </td> <td> String </td> <td> Query is the search input you would like to submit. Within a query, keyword: 'near:' can be used to narrow results to a location </td> <td> Query=<a href="https://www.mapquest.com/search/results?query=Denver%20CO&zoom=12&maptype=sat">https://www.mapquest.com/search/results?query=Denver%20CO&zoom=12&maptype=sat</a> </td> </tr> <tr> <td> ?boundingBox </td> <td> Lat/Lng(x4) </td> <td> Four Lat/Lng points that map out the range of the search. </td> <td> <a href="https://www.mapquest.com/search/results?query=Pizza&boundingBox=39.753755951372916,-105.0758171081543,39.73946836545159,-105.0347900390625">https://www.mapquest.com/search/results?query=Pizza&boundingBox=39.753755951372916,-105.0758171081543,39.73946836545159,-105.0347900390625</a> </td> </tr> <tr> <td> ?slug </td> <td> Place </td> <td> The unique MapQuest identifier. </td> <td> <a href="https://www.mapquest.com/us/co/denver-282041090">https://www.mapquest.com/us/co/denver-282041090</a> </td> </tr> <tr> <td> ?center </td> <td> Location or Lat/Lng </td> <td> Location or Lat/Lng coordinates for map to center on. <em>Overwrites previous centerOnResults param</em> </td> <td> <a href="https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat">https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat</a> </td> </tr> <tr> <td> ?zoom </td> <td> int[1-16] </td> <td> Sets the map zoom </td> <td> <a href="https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat">https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat</a> </td> </tr> <tr> <td> ?layer </td> <td> String </td> <td> Toggles: layers </td> <td> <a href="https://www.mapquest.com/search/results?query=denver%20co&layer=traffic">https://www.mapquest.com/search/results?query=denver%20co&layer=traffic</a> <br/> <a href="https://www.mapquest.com/search/results?query=denver%20co&layer=gas">https://www.mapquest.com/search/results?query=denver%20co&layer=gas</a> </td> </tr> <tr> <td> ?maptype </td> <td> String </td> <td> Toggles: maptypes<br/> Options:<br/> {Map : Default : map}<br/> {Satellite : sat} </td> <td> <a href="https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat">https://www.mapquest.com/search/results?query=pizza&center=39.750307,-104.999472&zoom=12&maptype=sat</a> </td> </tr> </tbody> </table> <h3>Embedded Maps</h3> <p>To include a map into your site, prepend the url with /embed/. All of the parameters above are also supported on embedded maps.</p> <h2>Logos</h2> <div class="bodyblock"> <p> Whether you are going to use all the functionality this service includes or just want to link back to the MapQuest.com homepage, we have provided logo images for your convenience. </p> <div class="well"> <div class="code" id="logoUrl"><a href='/api-docs/doc/cdn/common/images/medium-logo.png' target='_blank'><img border='0' alt='medium-logo.png' src='/api-docs/doc/cdn/common/images/medium-logo.png'/></a></div> </div> <div class="well"> <div id="logoDiv"></div> </div> <select id="logoSelect" onchange="showLogoUrl();"> <option value="large">Large Logo</option> <option value="medium" selected="selected">Medium Logo</option> <option value="small">Small Logo</option> <option value="favicon">Favicon Logo</option> </select> </div> <h2>Popular Pages</h2> <div class="bodyblock"> <p> In addition to the MapQuest homepage, here are some other URLs that may be of interest for linking purposes: </p> <ul> <li>MapQuest Home Page - <code>https://www.mapquest.com</code></li> <li>MapQuest Route Planner - <code>https://www.mapquest.com/routeplanner</code></li> <li>MapQuest Gas Prices - <code>https://gasprices.mapquest.com</code></li> <li>MapQuest Home Page with Traffic - <code>https://www.mapquest.com/?layer=traffic</code> </li> </ul> <p></p> </div> </div> </div> <script type="text/javascript"> window.onload = function() { showLogoUrl(); showBasicURL(''); } function collapseCode(type) { switch (type) { case 'location': if (document.getElementById('locationParameters').style.display == 'none') { document.getElementById('locationParameters').style.display = 'block'; } else { document.getElementById('locationParameters').style.display = 'none'; } break; case 'route': if (document.getElementById('routeParameters').style.display == 'none') { document.getElementById('routeParameters').style.display = 'block'; } else { document.getElementById('routeParameters').style.display = 'none'; } break; case 'search': if (document.getElementById('searchParameters').style.display == 'none') { document.getElementById('searchParameters').style.display = 'block'; } else { document.getElementById('searchParameters').style.display = 'none'; } break; case 'bizLocator': if (document.getElementById('bizLocatorParameters').style.display == 'none') { document.getElementById('bizLocatorParameters').style.display = 'block'; } else { document.getElementById('bizLocatorParameters').style.display = 'none'; } break; } } </script> <script> var SAMPLE_POST = 'https://www.mapquest.com'; var url, vs; function showBasicURL(txtId) { url = SAMPLE_POST; //if user selected to map a location if (document.getElementById('locationType').checked) { //display the correct divs document.getElementById('routingDiv').style.display = "none"; document.getElementById('searchDiv').style.display = "none"; document.getElementById('bizDiv').style.display = "none"; document.getElementById('streetTR').style.display = "none"; document.getElementById('cityTR').style.display = "none"; document.getElementById('stateTR').style.display = "none"; document.getElementById('postalCodeTR').style.display = "none"; document.getElementById('countryTR').style.display = "none"; document.getElementById('singlelineTR').style.display = "none"; document.getElementById('locationCenterTR').style.display = "none"; document.getElementById('locationLabelTR').style.display = "none"; document.getElementById('locationZoomTR').style.display = "none"; document.getElementById('locationMaptypeTR').style.display = "none"; document.getElementById('locationLayerTR').style.display = "none"; document.getElementById('locationStaticTR').style.display = "none"; document.getElementById('locationStaticKeyTR').style.display = "none"; document.getElementById('locationStaticSizeTR').style.display = "none"; document.getElementById('qType').checked = false; document.getElementById('addrType').checked = false; document.getElementById('toType').checked = false; document.getElementById('searchLocationType').checked = false; document.getElementById('searchSICType').checked = false; document.getElementById('searchRouteType').checked = false; document.getElementById('locationDiv').style.display = ""; //initialize options and url url += '/map?'; var label = document.getElementById('txtLocationLabel').value; var center = document.getElementById('txtLocationCenter').value; var zoom = document.getElementById('locationZoom').value; var maptype = document.getElementById('locationMaptype').value; var layer = document.getElementById('locationLayer').value; var locStaticMap = document.getElementById('locationStatic').value; var locStaticKey = document.getElementById('locationStaticKey').value; var locStaticSize = document.getElementById('locationStaticSize').value; //if a user is entering a single line address if (document.getElementById('singlelineType').checked) { //display the correct table rows document.getElementById('streetTR').style.display = "none"; document.getElementById('cityTR').style.display = "none"; document.getElementById('stateTR').style.display = "none"; document.getElementById('postalCodeTR').style.display = "none"; document.getElementById('countryTR').style.display = "none"; document.getElementById('singlelineTR').style.display = ""; document.getElementById('locationCenterTR').style.display = ""; document.getElementById('locationLabelTR').style.display = ""; document.getElementById('locationZoomTR').style.display = ""; document.getElementById('locationMaptypeTR').style.display = ""; document.getElementById('locationLayerTR').style.display = ""; document.getElementById('locationStaticTR').style.display = ""; document.getElementById('locationStaticKeyTR').style.display = ""; document.getElementById('locationStaticSizeTR').style.display = ""; //get the location text var location = document.getElementById('txtLocation').value; //put the url together if (url == SAMPLE_POST + '/map?') { url += 'q=' + location; if (label.length != 0) { url += ' (' + label + ')'; } } else { url += '&q=' + location; if (label.length != 0) { url += ' (' + label + ')'; } } if (center.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (locStaticMap == 'yes') { if (zoom.length == 0) { zoom = '11'; } //get the text var location = document.getElementById('txtLocation').value; location = location.split(","); if (location.length == 2) { var latLong = location[0] * location[1]; } if (isNaN(latLong) == true) { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getplacemap?showicon=1&type=map&key=' + locStaticKey + '&location=' + location + '&zoom=' + zoom + '&size=' + locStaticSize + '" border="0"></a>'; } else { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?type=map&key=' + locStaticKey + '&mcenter=' + location[0] + ',' + location[1] + '&size=' + locStaticSize + '" border="0"></a>'; } } document.getElementById('routeStatic').value = "no"; document.getElementById('staticSearch').value = "no"; } //end of single line address //if a user is entering a fielded address else if (document.getElementById('fieldedType').checked) { //dispaly the correct tables rows document.getElementById('singlelineTR').style.display = "none"; document.getElementById('streetTR').style.display = ""; document.getElementById('cityTR').style.display = ""; document.getElementById('stateTR').style.display = ""; document.getElementById('postalCodeTR').style.display = ""; document.getElementById('countryTR').style.display = ""; document.getElementById('locationCenterTR').style.display = ""; document.getElementById('locationLabelTR').style.display = ""; document.getElementById('locationZoomTR').style.display = ""; document.getElementById('locationMaptypeTR').style.display = ""; document.getElementById('locationLayerTR').style.display = ""; document.getElementById('locationStaticTR').style.display = ""; document.getElementById('locationStaticKeyTR').style.display = ""; document.getElementById('locationStaticSizeTR').style.display = ""; //get the form text var street = document.getElementById('txtStreet').value; var city = document.getElementById('txtCity').value; var state = document.getElementById('txtState').value; var postalCode = document.getElementById('txtPostalCode').value; var country = document.getElementById('txtCountry').value; //put together the url if (url == SAMPLE_POST + '/map?') { url += 'q='; } else { url += '&q='; } if (street.length != 0) { url += "addr: " + street + " "; } if (city.length != 0) { url += "city: " + city + " "; } if (state.length != 0) { url += "state: " + state + " "; } if (postalCode.length != 0) { url += "postalCode: " + postalCode + " "; } if (country.length != 0) { url += "country: " + country + " "; } if (label.length != 0) { url += ' (' + label + ')'; } if (center.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/map?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } var street = document.getElementById('txtStreet').value; var city = document.getElementById('txtCity').value; var state = document.getElementById('txtState').value; var postalCode = document.getElementById('txtPostalCode').value; var country = document.getElementById('txtCountry').value; if (locStaticMap == 'yes') { if (zoom.length == 0) { zoom = '11'; } newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getplacemap?showicon=1&type=map&key=' + locStaticKey + '&location=' + street + ' ' + city + ' ' + state + ' ' + postalCode + ' ' + country + '&zoom=' + zoom + '&size=' + locStaticSize + '" border="0"></a>'; } document.getElementById('routeStatic').value = "no"; document.getElementById('staticSearch').value = "no"; }//end of fielded address section } // end of mapping a location section //if user selected to map a route else if (document.getElementById('routeType').checked) { //display the correct div document.getElementById('locationDiv').style.display = "none"; document.getElementById('searchDiv').style.display = "none"; document.getElementById('bizDiv').style.display = "none"; document.getElementById('saddrTR').style.display = "none"; document.getElementById('daddrTR').style.display = "none"; document.getElementById('toTR').style.display = "none"; document.getElementById('qTR').style.display = "none"; document.getElementById('directionLabelTR').style.display = "none"; document.getElementById('routeCenterTR').style.display = "none"; document.getElementById('routeZoomTR').style.display = "none"; document.getElementById('routeMaptypeTR').style.display = "none"; document.getElementById('routeLayerTR').style.display = "none"; document.getElementById('routeStaticTR').style.display = "none"; document.getElementById('routeStaticKeyTR').style.display = "none"; document.getElementById('routeStaticSizeTR').style.display = "none"; document.getElementById('routeStaticGeneralizationTR').style.display = "none"; document.getElementById('singlelineType').checked = false; document.getElementById('fieldedType').checked = false; document.getElementById('searchLocationType').checked = false; document.getElementById('searchSICType').checked = false; document.getElementById('searchRouteType').checked = false; document.getElementById('routingDiv').style.display = ""; //set up the url and options url += '/directions?'; var center = document.getElementById('txtRouteCenter').value; var zoom = document.getElementById('routeZoom').value; var maptype = document.getElementById('routeMaptype').value; var layer = document.getElementById('routeLayer').value; var routeStaticMap = document.getElementById('routeStatic').value; var routeStaticKey = document.getElementById('routeStaticKey').value; var routeStaticSize = document.getElementById('routeStaticSize').value; var routeStaticGeneralization = document.getElementById('routeStaticGeneralization').value; //if using q parameter if (document.getElementById('qType').checked) { //display the correct tables rows document.getElementById('saddrTR').style.display = "none"; document.getElementById('daddrTR').style.display = "none"; document.getElementById('toTR').style.display = "none"; document.getElementById('qTR').style.display = ""; document.getElementById('directionLabelTR').style.display = ""; document.getElementById('routeCenterTR').style.display = ""; document.getElementById('routeZoomTR').style.display = ""; document.getElementById('routeMaptypeTR').style.display = ""; document.getElementById('routeLayerTR').style.display = ""; document.getElementById('routeStaticTR').style.display = ""; document.getElementById('routeStaticKeyTR').style.display = ""; document.getElementById('routeStaticSizeTR').style.display = ""; document.getElementById('routeStaticGeneralizationTR').style.display = ""; //get the text var locations = document.getElementById('txtQ').value; locations = locations.split("|"); var labels = document.getElementById('txtDirectionLabel').value; labels = labels.split("|"); //form the url for (i = 0; i < locations.length; i++) { if (i == 0 && url == SAMPLE_POST + '/directions?') { url += 'q' + (i + 1) + '=' + locations[i]; if (labels[i] != null && labels[0] != 0) { url += ' (' + labels[i] + ')'; } } else { url += '&q' + (i + 1) + '=' + locations[i]; if (labels[i] != null && labels[0] != 0) { url += ' (' + labels[i] + ')'; } } } if (center.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (routeStaticMap == 'yes') { getQDirections(); newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?key=' + routeStaticKey + '&type=map&scenter=' + startPoint + '&ecenter=' + endPoint + '&declutter=false&shapeformat=cmp&shape=' + routePoints + '&vias=' + viaPoints + '&size=' + routeStaticSize + '" border="0"></a>'; } document.getElementById('locationStatic').value = "no"; document.getElementById('staticSearch').value = "no"; } // end of q parameter section //the addr parameters sections else if (document.getElementById('addrType').checked) { //display the correct table rows document.getElementById('qTR').style.display = "none"; document.getElementById('toTR').style.display = "none"; document.getElementById('saddrTR').style.display = ""; document.getElementById('daddrTR').style.display = ""; document.getElementById('directionLabelTR').style.display = ""; document.getElementById('routeCenterTR').style.display = ""; document.getElementById('routeZoomTR').style.display = ""; document.getElementById('routeMaptypeTR').style.display = ""; document.getElementById('routeLayerTR').style.display = ""; document.getElementById('routeStaticTR').style.display = ""; document.getElementById('routeStaticKeyTR').style.display = ""; document.getElementById('routeStaticSizeTR').style.display = ""; document.getElementById('routeStaticGeneralizationTR').style.display = ""; //get the text var saddr = document.getElementById('txtSaddr').value; var daddr = document.getElementById('txtDaddr').value; var labels = document.getElementById('txtDirectionLabel').value; labels = labels.split("|"); //form the url if (url == SAMPLE_POST + '/directions?') { url += 'saddr=' + saddr; if (labels[0] != null && labels[0] != 0) { url += ' (' + labels[0] + ')'; } url += '&daddr=' + daddr; if (labels[1] != null && labels[1] != 0) { url += ' (' + labels[1] + ')'; } } else { url += '&saddr=' + saddr; if (labels[0] != null) { url += ' (' + labels[0] + ')'; } url += '&daddr=' + daddr; if (labels[1] != null) { url += ' (' + labels[1] + ')'; } } if (center.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (routeStaticMap == 'yes') { getAddrDirections(); newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?key=' + routeStaticKey + '&type=map&scenter=' + startPoint + '&ecenter=' + endPoint + '&declutter=false&shapeformat=cmp&shape=' + routePoints + '&vias=' + viaPoints + '&size=' + routeStaticSize + '" border="0"></a>'; } document.getElementById('locationStatic').value = "no"; document.getElementById('staticSearch').value = "no"; } // end of addr parameters section //if using the to parameter else if (document.getElementById('toType').checked) { //display the correct table rows document.getElementById('qTR').style.display = "none"; document.getElementById('saddrTR').style.display = "none"; document.getElementById('daddrTR').style.display = "none"; document.getElementById('toTR').style.display = ""; document.getElementById('directionLabelTR').style.display = ""; document.getElementById('routeCenterTR').style.display = ""; document.getElementById('routeZoomTR').style.display = ""; document.getElementById('routeMaptypeTR').style.display = ""; document.getElementById('routeLayerTR').style.display = ""; document.getElementById('routeStaticTR').style.display = ""; document.getElementById('routeStaticKeyTR').style.display = ""; document.getElementById('routeStaticSizeTR').style.display = ""; document.getElementById('routeStaticGeneralizationTR').style.display = ""; //get the text var locations = document.getElementById('txtTo').value; locations = locations.split("|"); var labels = document.getElementById('txtDirectionLabel').value; labels = labels.split("|"); //form the url for (i = 0; i < locations.length; i++) { if (i == 0 && url == SAMPLE_POST + '/directions?') { url += 'q=' + locations[i]; if (labels[0] != null && labels[0] != 0) { url += ' (' + labels[0] + ')'; } } else if (i == 0) { url += '&q=' + locations[i]; if (labels[0] != null && labels[0] != 0) { url += ' (' + labels[0] + ')'; } } else { url += ' to: ' + locations[i]; if (labels[i] != null && labels[0] != 0) { url += ' (' + labels[i] + ')'; } } } if (center.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/directions?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (routeStaticMap == 'yes') { getToDirections(); newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?key=' + routeStaticKey + '&type=map&scenter=' + startPoint + '&ecenter=' + endPoint + '&declutter=false&shapeformat=cmp&shape=' + routePoints + '&vias=' + viaPoints + '&size=' + routeStaticSize + '" border="0"></a>'; } document.getElementById('locationStatic').value = "no"; document.getElementById('staticSearch').value = "no"; }//end of to parameter section } //end of routing section //if user selected to search else if (document.getElementById('searchType').checked) { //display the correct div document.getElementById('locationDiv').style.display = "none"; document.getElementById('routingDiv').style.display = "none"; document.getElementById('bizDiv').style.display = "none"; document.getElementById('singlelineSearchTR').style.display = "none"; document.getElementById('searchLabelTR').style.display = "none"; document.getElementById('searchTermTR').style.display = "none"; document.getElementById('routeSearch1TR').style.display = "none"; document.getElementById('searchTerms1TR').style.display = "none"; document.getElementById('routeSearch2TR').style.display = "none"; document.getElementById('searchTerms2TR').style.display = "none"; document.getElementById('searchTermSICTR').style.display = "none"; document.getElementById('centerSearchTR').style.display = "none"; document.getElementById('zoomSearchTR').style.display = "none"; document.getElementById('maptypeSearchTR').style.display = "none"; document.getElementById('layerSearchTR').style.display = "none"; document.getElementById('staticSearchTR').style.display = "none"; document.getElementById('staticSearchKeyTR').style.display = "none"; document.getElementById('staticSearchSizeTR').style.display = "none"; document.getElementById('singlelineType').checked = false; document.getElementById('fieldedType').checked = false; document.getElementById('qType').checked = false; document.getElementById('addrType').checked = false; document.getElementById('toType').checked = false; document.getElementById('searchDiv').style.display = ""; //initialize options and url url += '/?'; var label = document.getElementById('txtSearchLabel').value; var center = document.getElementById('txtLocationCenterSearch').value; var zoom = document.getElementById('locationZoomSearch').value; var maptype = document.getElementById('locationMaptypeSearch').value; var layer = document.getElementById('locationLayerSearch').value; var staticSearch = document.getElementById('staticSearch').value; var staticSearchKey = document.getElementById('staticSearchKey').value; var staticSearchSize = document.getElementById('staticSearchSize').value; //if user is searching a single location if (document.getElementById('searchLocationType').checked) { //dispaly the correct table rows document.getElementById('routeSearch1TR').style.display = "none"; document.getElementById('routeSearch2TR').style.display = "none"; document.getElementById('searchTerms1TR').style.display = "none"; document.getElementById('searchTerms2TR').style.display = "none"; document.getElementById('searchTermSICTR').style.display = "none"; document.getElementById('singlelineSearchTR').style.display = ""; document.getElementById('searchTermTR').style.display = ""; document.getElementById('centerSearchTR').style.display = ""; document.getElementById('zoomSearchTR').style.display = ""; document.getElementById('maptypeSearchTR').style.display = ""; document.getElementById('layerSearchTR').style.display = ""; document.getElementById('staticSearchTR').style.display = ""; document.getElementById('staticSearchKeyTR').style.display = ""; document.getElementById('staticSearchSizeTR').style.display = ""; //get the location text var location = document.getElementById('txtLocationSearch').value; var search = document.getElementById('txtSearchTerm').value; //put the url together if (url == SAMPLE_POST + '/?') { url += 'q=' + search + ' near: ' + location; } else { url += '&q=' + search + ' near: ' + location; } if (center.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } url = url.replace("/?", "/map?"); if (staticSearch == 'yes') { if (zoom.length == 0) { zoom = '11'; } //get the text var location = document.getElementById('txtLocationSearch').value; location = location.split(","); if (location.length == 2) { var latLong = location[0] * location[1]; } if (isNaN(latLong) == true) { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getplacemap?showicon=1&type=map&key=' + staticSearchKey + '&location=' + location + '&zoom=' + zoom + '&size=' + staticSearchSize + '" border="0"></a>'; } else { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?type=map&key=' + staticSearchKey + '&mcenter=' + location[0] + ',' + location[1] + '&size=' + staticSearchSize + '" border="0"></a>'; } } document.getElementById('locationStatic').value = "no"; document.getElementById('routeStatic').value = "no"; } //if user is searching a single location with SIC if (document.getElementById('searchSICType').checked) { //dispaly the correct table rows document.getElementById('routeSearch1TR').style.display = "none"; document.getElementById('routeSearch2TR').style.display = "none"; document.getElementById('searchTerms1TR').style.display = "none"; document.getElementById('searchTerms2TR').style.display = "none"; document.getElementById('searchTermTR').style.display = "none"; document.getElementById('singlelineSearchTR').style.display = ""; document.getElementById('searchLabelTR').style.display = ""; document.getElementById('searchTermSICTR').style.display = ""; document.getElementById('centerSearchTR').style.display = ""; document.getElementById('zoomSearchTR').style.display = ""; document.getElementById('maptypeSearchTR').style.display = ""; document.getElementById('layerSearchTR').style.display = ""; document.getElementById('staticSearchTR').style.display = ""; document.getElementById('staticSearchKeyTR').style.display = ""; document.getElementById('staticSearchSizeTR').style.display = ""; //get the location text var location = document.getElementById('txtLocationSearch').value; var search = document.getElementById('txtSearchSICTerm').value; //put the url together if (url == SAMPLE_POST + '/?') { url += 'q=' + search + ' type: sic ' + ' near: ' + location; if (label.length != 0) { url += '(' + label + ')'; } } else { url += '&q=' + search + ' type: sic ' + ' near: ' + location; if (label.length != 0) { url += '(' + label + ')'; } } if (center.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } url = url.replace("/?", "/map?"); if (staticSearch == 'yes') { if (zoom.length == 0) { zoom = '11'; } //get the text var location = document.getElementById('txtLocationSearch').value; location = location.split(","); if (location.length == 2) { var latLong = location[0] * location[1]; } if (isNaN(latLong) == true) { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getplacemap?showicon=1&type=map&key=' + staticSearchKey + '&location=' + location + '&zoom=' + zoom + '&size=' + staticSearchSize + '" border="0"></a>'; } else { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?type=map&key=' + staticSearchKey + '&mcenter=' + location[0] + ',' + location[1] + '&size=' + staticSearchSize + '" border="0"></a>'; } } document.getElementById('locationStatic').value = "no"; document.getElementById('routeStatic').value = "no"; } //if user is searching route stop(s) else if (document.getElementById('searchRouteType').checked) { //dispaly the correct table rows document.getElementById('routeSearch1TR').style.display = ""; document.getElementById('routeSearch2TR').style.display = ""; document.getElementById('singlelineSearchTR').style.display = "none"; document.getElementById('searchTermTR').style.display = "none"; document.getElementById('searchTerms1TR').style.display = ""; document.getElementById('searchTerms2TR').style.display = ""; document.getElementById('centerSearchTR').style.display = ""; document.getElementById('zoomSearchTR').style.display = ""; document.getElementById('maptypeSearchTR').style.display = ""; document.getElementById('layerSearchTR').style.display = ""; document.getElementById('staticSearchTR').style.display = ""; document.getElementById('staticSearchKeyTR').style.display = ""; document.getElementById('staticSearchSizeTR').style.display = ""; //get the location text var location1 = document.getElementById('txtRouteSearch1').value; var search1 = document.getElementById('txtSearchTerms1').value; var location2 = document.getElementById('txtRouteSearch2').value; var search2 = document.getElementById('txtSearchTerms2').value; //put the url together if (url == SAMPLE_POST + '/?') { url += 'q1='; } else { url += '&q1='; } url = url.replace("/?", "/directions?"); //location and search item 1 if (location1.length != 0 && search1.length != 0) { url += search1 + ' near: ' + location1; } else if (location1.length != 0) { url += location1; } else if (search1.length != 0) { url += search1; } //location and search item 2 if (location2.length != 0 && search2.length != 0) { url += '&q2=' + search2 + ' near: ' + location2; } else if (location2.length != 0) { url += '&q2=' + location2; } else if (search2.length != 0) { url += '&q2=' + search2; } if (center.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'center=' + center; } else { url += '&center=' + center; } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (staticSearch == 'yes') { getSearchDirections(); newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?key=' + staticSearchKey + '&type=map&scenter=' + startPoint + '&ecenter=' + endPoint + '&declutter=false&shapeformat=cmp&shape=' + routePoints + '&vias=' + viaPoints + '&size=' + staticSearchSize + '" border="0"></a>'; } document.getElementById('locationStatic').value = "no"; document.getElementById('routeStatic').value = "no"; } } // end of search section //if user selected to map a route else if (document.getElementById('bizType').checked) { //display the correct div document.getElementById('locationDiv').style.display = "none"; document.getElementById('searchDiv').style.display = "none"; document.getElementById('routingDiv').style.display = "none"; document.getElementById('bizCatTR').style.display = ""; document.getElementById('bizSinglelineTR').style.display = ""; document.getElementById('bizLabelTR').style.display = ""; document.getElementById('bizZoomTR').style.display = ""; document.getElementById('bizMaptypeTR').style.display = ""; document.getElementById('bizLayerTR').style.display = ""; document.getElementById('bizStaticTR').style.display = ""; document.getElementById('bizStaticKeyTR').style.display = ""; document.getElementById('bizStaticSizeTR').style.display = ""; document.getElementById('singlelineType').checked = false; document.getElementById('fieldedType').checked = false; document.getElementById('searchLocationType').checked = false; document.getElementById('searchSICType').checked = false; document.getElementById('searchRouteType').checked = false; document.getElementById('qType').checked = false; document.getElementById('addrType').checked = false; document.getElementById('toType').checked = false; document.getElementById('bizDiv').style.display = ""; //set up the url and options url += '/?'; var category = document.getElementById('txtBizCat').value; var location = document.getElementById('txtBiz').value; var label = document.getElementById('txtBizLabel').value; var zoom = document.getElementById('bizZoom').value; var maptype = document.getElementById('bizMaptype').value; var layer = document.getElementById('bizLayer').value; var bizStatic = document.getElementById('bizStatic').value; var bizStaticKey = document.getElementById('bizStaticKey').value; var bizStaticSize = document.getElementById('bizStaticSize').value; //form the url if (category.length != 0) { if (url == SAMPLE_POST + '/?') { url += 's=name:' + category; } else { url += '&s=name:' + category; } } if (url.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'q=' + location; if (label.length != 0) { url += ' (' + label + ')'; } } else { url += '&q=' + location; if (label.length != 0) { url += ' (' + label + ')'; } } } if (zoom.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'zoom=' + zoom; } else { url += '&zoom=' + zoom; } } if (maptype.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'maptype=' + maptype; } else { url += '&maptype=' + maptype; } } if (layer.length != 0) { if (url == SAMPLE_POST + '/?') { url += 'layer=' + layer; } else { url += '&layer=' + layer; } } if (bizStatic == 'yes') { var location = document.getElementById('txtBiz').value; location = location.split(","); if (location.length == 2) { var latLong = location[0] * location[1]; } if (isNaN(latLong) == true) { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getplacemap?showicon=1&type=map&key=' + bizStaticKey + '&location=' + location + '&zoom=' + zoom + '&size=' + bizStaticSize + '" border="0"></a>'; } else { newURL = url; url = '<a href="' + newURL + '"><img src="https://www.mapquestapi.com/staticmap/v4/getmap?type=map&key=' + bizStaticKey + '&mcenter=' + location[0] + ',' + location[1] + '&size=' + bizStaticSize + '" border="0"></a>'; } } document.getElementById('locationStatic').value = "no"; document.getElementById('staticSearch').value = "no"; } //end of biz locator section if (vs == 'embed') { url = url.replace('/?', '/embed?'); url = url.replace('/map?', '/embed?'); url = url.replace('/directions?', '/embed?'); } else if (vs == 'print') { url = url.replace('/?', '/print?'); url = url.replace('/map?', '/print?'); url = url.replace('/directions?', '/print?'); } document.getElementById('sampleUrl').innerHTML = url.replace(/</g, '<').replace(/>/g, '>'); if (txtId && txtId != '') { document.getElementById(txtId).focus(); } } ; function runSample(viewSpecifier) { vs = viewSpecifier; showBasicURL(); if ((document.getElementById('locationStatic').value == 'yes') || (document.getElementById('routeStatic').value == 'yes' || (document.getElementById('staticSearch').value == 'yes')) || (document.getElementById('bizStatic').value == 'yes')) { OpenWindow = window.open("", "newwin"); OpenWindow.document.write("<TITLE>Sample Link to MapQuest Request</TITLE>"); OpenWindow.document.write("<BODY>"); OpenWindow.document.write(url); OpenWindow.document.write("<p>(click above image for interactive map)</p>") OpenWindow.document.write("</BODY>"); OpenWindow.document.write("</HTML>"); OpenWindow.document.close() self.name = "main" } else { window.open(url); } } ; function showLogoUrl() { var logo = document.getElementById('logoSelect').value; var loc = window.location; var host = loc.protocol + '//' + loc.host; var image = ''; switch (logo) { case 'large': image = 'logo-lg.png'; break; case 'medium': image = 'logo-md.png'; break; case 'small': image = 'logo-sm.png'; break; case 'favicon': image = 'favicon.ico'; break; } document.getElementById('logoUrl').innerHTML = '<a href="https://www.mapquest.com/"><img src="' + host + '/documentation/assets/img/logos/' + image + '" /></a>'; document.getElementById('logoDiv').innerHTML = '<a href="https://www.mapquest.com/"><img src="' + host + '/documentation/assets/img/logos/' + image + '" /></a>'; } var startPoint; var endPoint; var routePoints; var viaPoints; function getQDirections() { var script = document.createElement('script'); script.type = 'text/javascript'; var key = document.getElementById('routeStaticKey').value var routeStaticGeneralization = document.getElementById('routeStaticGeneralization').value; var getQDirectionsURL = 'https://www.mapquestapi.com/directions/v2/route?key=' + key + '&shapeFormat=cmp&generalize=' + routeStaticGeneralization; var locations = document.getElementById('txtQ').value; locations = locations.split("|"); for (i = 0; i < locations.length; i++) { if (i == 0) { getQDirectionsURL += '&from=' + locations[i]; } else { getQDirectionsURL += '&to=' + locations[i]; } } getQDirectionsURL += '&callback=displayResponse'; script.src = getQDirectionsURL; document.body.appendChild(script); } function getAddrDirections() { var script = document.createElement('script'); script.type = 'text/javascript'; var saddr = document.getElementById('txtSaddr').value; var daddr = document.getElementById('txtDaddr').value; var key = document.getElementById('routeStaticKey').value var getAddrDirectionsURL = 'https://www.mapquestapi.com/directions/v2/route?key=' + key + '&shapeFormat=cmp&generalize=50' + '&from=' + saddr + '&to=' + daddr + '&callback=displayResponse'; script.src = getAddrDirectionsURL; document.body.appendChild(script); } function getToDirections() { var script = document.createElement('script'); script.type = 'text/javascript'; var key = document.getElementById('routeStaticKey').value var getToDirectionsURL = 'https://www.mapquestapi.com/directions/v2/route?key=' + key + '&shapeFormat=cmp&generalize=50'; var locations = document.getElementById('txtTo').value; locations = locations.split("|"); //form the url for (i = 0; i < locations.length; i++) { if (i == 0) { getToDirectionsURL += '&from=' + locations[i]; } else { getToDirectionsURL += '&to=' + locations[i]; } } getToDirectionsURL += '&callback=displayResponse'; script.src = getToDirectionsURL; document.body.appendChild(script); } function getSearchDirections() { var script = document.createElement('script'); script.type = 'text/javascript'; var key = document.getElementById('staticSearchKey').value var getSearchDirectionsURL = 'https://www.mapquestapi.com/directions/v2/route?key=' + key + '&shapeFormat=cmp&generalize=50'; var location1 = document.getElementById('txtRouteSearch1').value; var location2 = document.getElementById('txtRouteSearch2').value; //form the url getSearchDirectionsURL += '&from=' + location1; getSearchDirectionsURL += '&to=' + location2; getSearchDirectionsURL += '&callback=displayResponse'; script.src = getSearchDirectionsURL; document.body.appendChild(script); } function displayResponse(response) { var leg = response.route.legs; var i = leg.length - 1; var mLength = response.route.legs[i].maneuvers.length; var j = mLength - 1; startPoint = leg[0].maneuvers[0].startPoint.lat + ',' + leg[0].maneuvers[0].startPoint.lng + ','; endPoint = leg[i].maneuvers[j].startPoint.lat + ',' + leg[i].maneuvers[j].startPoint.lng; viaPoints = ''; if (i >= 1) { for (i = 0; i < leg.length - 1; i++) { var mLength2 = response.route.legs[i].maneuvers.length; var m = mLength2 - 1; if (i == 0) { viaPoints = 'red,' viaPoints += leg[i].maneuvers[m].startPoint.lat + ',' + leg[i].maneuvers[m].startPoint.lng; } else { viaPoints += '|red,' viaPoints += leg[i].maneuvers[m].startPoint.lat + ',' + leg[i].maneuvers[m].startPoint.lng; } } } routePoints = response.route.shape.shapePoints; } </script> </div> <footer> <div class="footer-about"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10"> <h2 class="title">About MapQuest for Business</h2> <div class="content"> <p class="description">MapQuest for Business powers thousands of businesses with location-enabled Geospatial solutions. Our platform provides companies of any size with the means to increase efficiency and streamline processes, connect with customers, and ultimately deliver the all-important exceptional user experience. And, as usual, the MapQuest for Business experience is backed by the customer service and technical support that we're known for.</p> </div> </div> <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2"> <h2 class="title small no-subtitle">For Sales and Support</h2> <div class="contact-info"> <ul> <li>Marina Del Rey (HQ)</li> <li>4235 Redwood Ave.</li> <li>Los Angeles, CA 90066</li> <li><a href="mailto:sales@mapquest.com">sales@mapquest.com</a></li> </ul> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="footer-menu"> <div class="col-xs-6 col-sm-3"> <ul class="menu"> <li class="first expanded "> <a href="/user/login/sign-up">Get Started</a> <ul class="menu"> <li><a href="/plans">Pricing & Plans</a></li> <li><a href="/faq">FAQ</a></li> </ul> </li> </ul> </div> <div class="col-xs-6 col-sm-2"> <ul class="menu"> <li class="expanded "> <a href="https://business.mapquest.com/company">About Us</a> <ul class="menu"> <li><a href="https://business.mapquest.com/resources/partnerships">Partners</a></li> <li><a href="/devblog">Blog</a></li> <li><a href="https://system1.com/careers">Jobs</a></li> </ul> </li> </ul> </div> <div class="col-xs-6 col-sm-3"> <ul class="menu"> <li class="expanded "> <a href="https://business.mapquest.com/products">Products & Services</a> <ul class="menu"> <li><a href="https://business.mapquest.com/developer-apis-sdks">APIs & SDKs</a></li> <li><a href="https://business.mapquest.com/products/professional-services">Professional Services</a></li> <li><a href="https://business.mapquest.com/products/location-data">Location Intelligence</a></li> <li><a href="https://business.mapquest.com/products/targeted-advertising">Advertise With Us</a></li> </ul> </li> </ul> </div> <div class="col-xs-6 col-sm-2"> <ul class="menu"> <li class="expanded "> <a href="https://business.mapquest.com/products/professional-services/">Support</a> <ul class="menu"> <li><a href="https://business.mapquest.com/resources">Resources</a></li> <li><a href="/documentation">Documentation</a></li> <li><a href="/contact-us">Contact Us</a> </li> </ul> </li> </ul> </div> <div class="col-xs-6 col-sm-2"> <ul class="menu"> <li class="last expanded "> <a href="https://business.mapquest.com/social" target="_blank">Social</a> <ul class="menu"> <li><a href="//www.linkedin.com/company/mapquest/" target="_blank">LinkedIn</a></li> <li><a href="//www.twitter.com/mqdeveloper/" target="_blank">Twitter</a></li> <li><a href="//www.facebook.com/mapquest/" target="_blank">Facebook</a></li> <li><a href="//www.instagram.com/mapquest/" target="_blank">Instagram</a></li> </ul> </li> </ul> </div> </div> </div> <div class="row"> <div class="copyright col-xs-12 col-sm-12 col-md-12 col-lg-12"> <p><a href="/"> <img class="copyright-logo" alt="MapQuest Logo" src="/documentation/assets/img/MQLogo-White-Transparent.svg"/> </a> © <time id="copyright__year"></time> Mapquest Holdings LLC, A System1 Company | <a href="https://hello.mapquest.com/privacy" target="_blank">PRIVACY POLICY</a> | <a href="https://hello.mapquest.com/terms-of-use" target="_blank">TERMS OF USE</a> </p> </div> </div> </div> </footer> <script> // add current year to footer const year = new Date().getFullYear(); const yearElement = document.getElementById('copyright__year'); yearElement.textContent = yearElement.dateTime = `${year}`; </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/prism.min.js"></script> <script type="text/javascript" src="https://developer.mapquest.com/documentation/assets/js/main.js" async></script> <noscript> <link href='/documentation/assets/styles/main.css' rel='stylesheet' type='text/css'> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700" rel="stylesheet" type="text/css" /> </noscript> </body> </html>

CINXE.COM

Link to MapQuest Tool | MapQuest API Documentation