Untitled

<!DOCTYPE html>
<html>
<head>
<title>Расчет стоимости поездки</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

html, body, #map {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}");
</style>
<script src="http://api-maps.yandex.ru/2.1/?load=package.full&lang=ru-RU&apikey=fa5d9fad-bc04-4541-9c45-7cec58e2ceac" type="text/javascript"></script>
<script type="text/javascript">

 ymaps.ready(init);
 function init() {
 var myMap = new ymaps.Map('map', {
 center: [54.901383, 52.297113],
 zoom: 12.1,
 yandexMapDisablePoiInteractivity: true,
 controls: []
 },
 {
 yandexMapDisablePoiInteractivity: true,
 suppressMapOpenBlock: true,
 }

 );
 myMap.behaviors.disable('ruler');
 myMap.behaviors.disable('scrollZoom');
myMap.behaviors.disable('multiTouch');
 myMap.behaviors.disable('drag');
 myMap.behaviors.disable('dblClickZoom');

 var multiRoute = new ymaps.multiRouter.MultiRoute({
 referencePoints: [
 ' Откуда ',
 ' Куда '
 ],
 params: {
 results: 1
 }
 }, {
 boundsAutoApply: true,
 // routeOpenBalloonOnClick: false
 });
 myMap.geoObjects.add(multiRoute);

 multiRoute.getWayPoints().events.add('click', function (e) {
 e.stopImmediatePropagation();
 }, null, 1);

 var BoxDist = document.getElementById('dist');
 ymaps.route([
 ' Откуда ',
 {
 type: 'viaPoint',
 point: ' Куда '
 }
 ]).then(
 function (route) {
 BoxDist.innerHTML = route.getLength();
 },
 function (error) {
 BoxDist.innerHTML = 'Возникла ошибка: ' + error.message;
 }
 );
 }
</script>
</head>
<body>
<div id="map"></div>
<div id="time"></div>
<div id="dist" style="display:none"></div>
</body>
</html>