Сейчас у меня карта с фиксированной начальной точкой маршрута и конечной по клику(!). Никак не могу разобраться, как "отвязать" начальную точку от конкретного места и задавать координаты обеих точек через такую форму:
var myMap = window.map = new ymaps.Map('YMapsID', {
center: [55.751574, 37.573856],
zoom: 10,
behaviors: ['drag', 'scrollZoom']
}),
search = new ymaps.control.SearchControl({
useMapBounds: true,
noCentering: true,
noPlacemark: true
}),
tarifs = [{
id: 'moscow',
name: 'Москва',
label: 'Маршрут по Москве',
color: '#dc143c',
cost: 0,
url: 'moscow.json'
}, {
id: 'mo',
name: 'Московская область',
label: 'Маршрут за МКАД',
cost: 40,
color: '#fc0fc0',
url: 'mo.json'
}],
calculator = new DeliveryCalculator(myMap, 'Тверская 17', tarifs);
var trafficControl = new ymaps.control.TrafficControl({shown: false}); //пробки
map.controls.add(trafficControl, {top: 10, left: 10}); //пробки
map.controls.add('smallZoomControl', { top: 70, right: 5 }); //зум
myMap.controls.add(search, { right: 5, top: 5 }); //поиск
search.events.add('resultselect', function (e) {
var results = search.getResultsArray(),
selected = e.get('resultIndex'),
point = results[selected].geometry.getCoordinates();
calculator.setDestination(point);
});
myMap.events.add('click', function (e) {
calculator.setDestination
});
}
ymaps.ready(init);
<b>Начало: </b>
<input id="start" type="text" value=" " style="width: 360px;"><br />
<b>Конец: </b>
<input id="end" type="text" value=" " style="width: 360px;">
<input type="submit" value="Найти"/>
</form>
Ещё хотелось бы добавить возможность вставки промежуточных точек маршрута.
з.ы. Потратил уйму времени на то, чтобы врубиться в документацию, пытался найти что-то подобное в темах - безрезультатно. Я тут новичок, буду рад любой помощи, желательно сразу кодом