http://api.yandex.ru/maps
По аналогии сделал страничку.
Код следующее
<title>Примеры. Расчет стоимости доставки</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link href="bootstrap.min.css" rel="stylesheet"><!-- Сделаем броузеры ES5 friendly --><script src="es5-shim.js" type="text/javascript"></script><script src="jquery.min.js" type="text/javascript"></script><script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/j " type="text/javascript"></script><script src="http://api-maps.yandex.ruquery.tmpl.js /2.0-stable/?load=package " type="text/javascript"></script><script src="multi-geocoder.js" type="text/javascript"></script><script src="delivery-calculator.js" type="text/javascript"></script><script src="directions-renderer.js" type="text/javascript"></script><script src="directions-service.js" type="text/javascript"></script><script src="delivery-tarif.js" type="text/javascript"></script><script type="text/javascript"> function init() { var myCoords = [43.238253, 76.945465]; var myMap = new ymaps.Map('map', { center: [43.238253, 76.945465], zoom: 13, type: 'yandex#map', // satellite типов карт: схема, спутник, гибрид, народная карта и народный гибрид //схема ('yandex#map'), //спутник ('yandex#satellite'), //гибрид ('yandex#hybrid'), //народная карта ('yandex#publicMap'), //народная карта в гибридном представлении ('yandex#publicMapHybrid'). //behaviors: ['scrollZoom', 'drag'] }), search = new ymaps.control.SearchControl({ useMapBounds: true, noCentering: true, noPlacemark: true }), calculator = new DeliveryCalculator(myMap, myMap.getCenter()); myMap.controls.add(search, { right: 5, top: 5 }); myMap.controls.add('mapTools'); myMap.controls.add('routeEditor'); myMap.controls.add('typeSelector'); myMap.controls.add('zoomControl'); //myMap.controls.add('smallZoomControl'); myMap.controls.add('scaleLine'); //myMap.controls.add('miniMap'); myMap.controls.add('searchControl'); myMap.controls.add('trafficControl'); route.editor.start({ addWayPoints: true }); search.events.add('resultselect', function (e) { var results = search.getResultsArray(), selected = e.get('resultIndex'), point = results[selected].geometry.getCoordinates(); calculator.setStartPoint(point); }); } function DeliveryCalculator(map, finish) { this._map = map; this._start = null; this._finish = new ymaps.Placemark(finish, { iconContent: 'Откуда' }, { draggable: true }); this._route = null; map.events.add('click', this._onClick, this); map.geoObjects.add(this._finish); } var ptp = DeliveryCalculator.prototype; ptp._onClick= function (e) { this.setStartPoint(e.get('coordPosition')); }; ptp._onDragEnd = function (e) { var target = e.get('target'); this.setStartPoint(target.full&lang=ru-RU .geometry.getCoordinates( <span>Расстояние: ' + distance + 'км.</span><br/>' + '<span style="font-weight: bold; font-style: italic">Стоимость доставки: %s тенге.</span>'; self._route = router.getPaths(); self._route.options.set({ strokeWidth: 5, strokeColor: '0000ffff', opacity: 0.5 }); self._map.geoObjects.add(self._route); self._start.properties.set('balloonContentBody', address + message.replace('%s', self.calculate(distance))); self._start.balloon.open(); }); }); }; ptp.setStartPoint = function (position) { if(this._start) { this._start.geometry.setCoordinates(position); } else { this._start = new ymaps.Placemark(position, { iconContent: 'Куда' }, { draggable: true }); this._start.events.add('dragend', this._onDragEnd, this); this._map.geoObjects.add(this._start); } this.getDirections(); }; ptp.calculate = function (len) { // Константы. var DELIVERY_TARIF = 70, MINIMUM_COST = 200; //return Math.max(len * DELIVERY_TARIF, MINIMUM_COST); return (len * DELIVERY_TARIF + MINIMUM_COST); }; ymaps.ready(init);)); }; ptp.getDirections = function () { var self = this, start = this._start.geometry.getCoordinates(), finish = this._finish.geometry.getCoordinates(); if(this._route) { this._map.geoObjects.remove(this._route); } ymaps.geocode(start, { results: 1 }) .then(function (geocode) { var address = geocode.geoObjects.get(0) && geocode.geoObjects.get(0) .properties.get('balloonC ontentBody') || ''; ymaps.route([start, finish]) .then(function (router) { var distance = Math.round(router.getLength() / 1000), message = '
Когда точку "Куда" перетаскиваю маршрут перерисовывается.
Но, при перетаскивании точки "Откуда" маршрут не изменяется.
Голову ломал, никак не смог решить.
Помогите!!!