Клуб API Карт

Не перерисовывается маршрут

aymurza.zaripov
13 ноября 2013, 00:48

http://api.yandex.ru/maps/jsbox/deliveryCalculator

 

По аналогии сделал страничку.

Код следующее

<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/jquery.tmpl.js" type="text/javascript"></script><script src="http://api-maps.yandex.ru/2.0-stable/?load=package.full&lang=ru-RU" 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.geometry.getCoordinates()); };  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('balloonContentBody') || '';   ymaps.route([start, finish])  .then(function (router) {  var distance = Math.round(router.getLength() / 1000),  message = '<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);

Когда точку "Куда" перетаскиваю маршрут перерисовывается.
Но, при перетаскивании точки "Откуда" маршрут не изменяется.

Голову ломал, никак не смог решить.

Помогите!!!
6 комментариев
Подписаться на комментарии к посту

Код лучше отформатировать и убрать по врезку.

Сейчас он растянут в одну строку и прочитать его нет возможности

    Примеры. Расчет стоимости доставки
   
   
   
   

   
   
   
   
   
   
   
   

Я вижу у вас подключения файлов из одного примера 

а код от другого. Вам какой пример нужен?

http://dimik.github.io/ymaps/examples/delivery-calculator/

 

более подходящий пример.

Чтоб можно менять и начальную и конечную точку.

Но разделение маршрута по МКАД не надо.

Понятно, тогда лучше тот что из песочницы. Создайте метод setEndPoint, по аналогии с setStartPoint и подпишитесь на событие dragend у конечной точки, как это сделано с начальной точкой