//= require qs/dist/qs
OSM.Directions = function (map) {
- var awaitingGeocode; // true if the user has requested a route, but we're waiting on a geocode result
var awaitingRoute; // true if we've asked the engine for a route and are waiting to hear back
var chosenEngine;
weight: 12
});
+ var endpointDragCallback = function (dragging) {
+ if (map.hasLayer(polyline)) {
+ getRoute(false, !dragging);
+ }
+ };
+ var endpointGeocodeCallback = function () {
+ getRoute(true, true);
+ };
+
var endpoints = [
- Endpoint($("input[name='route_from']"), OSM.MARKER_GREEN),
- Endpoint($("input[name='route_to']"), OSM.MARKER_RED)
+ Endpoint($("input[name='route_from']"), OSM.MARKER_GREEN, endpointDragCallback, endpointGeocodeCallback),
+ Endpoint($("input[name='route_to']"), OSM.MARKER_RED, endpointDragCallback, endpointGeocodeCallback)
];
var expiry = new Date();
select.append("<option value='" + i + "'>" + I18n.t("javascripts.directions.engines." + engine.id) + "</option>");
});
- function Endpoint(input, iconUrl) {
+ function Endpoint(input, iconUrl, dragCallback, geocodeCallback) {
var endpoint = {};
endpoint.marker = L.marker([0, 0], {
if (dragging && !chosenEngine.draggable) return;
if (dragging && awaitingRoute) return;
endpoint.setLatLng(e.target.getLatLng());
- if (map.hasLayer(polyline)) {
- getRoute(false, !dragging);
- }
+ dragCallback(dragging);
});
input.on("keydown", function () {
});
input.on("change", function (e) {
- awaitingGeocode = true;
-
// make text the same in both text boxes
var value = e.target.value;
endpoint.setValue(value);
input.val(json[0].display_name);
- if (awaitingGeocode) {
- awaitingGeocode = false;
- getRoute(true, true);
- }
+ geocodeCallback();
});
};
var endpoint = endpoints[ep_i];
if (!endpoint.hasGeocode && !endpoint.awaitingGeocode) {
endpoint.getGeocode();
- awaitingGeocode = true;
}
}
if (endpoints[0].awaitingGeocode || endpoints[1].awaitingGeocode) {
- awaitingGeocode = true;
return;
}