Capturing clicks on the map

In this task we need to add a click handler for our map so that visitors can set the start and end of their transportation journey.

Engage Thrusters

First of all we need to add the function that will be executed when the map is clicked. Directly after the listener that we added in the last task, add the following function expression:

var addMarker = function (e) {

    if (clicks <= 1) {

        positions.push(e.latLng);

        var marker = new api.Marker({
            map: map,
            position: e.latLng,
            flat: (clicks === 0) ? true : false,
            animation: api.Animation.DROP,
            title: (clicks === 0) ? "Start" : "End",
            icon: (clicks === 0) ? "img/start.png" : "",
            draggable: true,
            id: (clicks === 0) ? "Start" : "End"
        });

        api.event.trigger(map, "locationAdd", e);

    } else {
        api.event.removeListener(mapClick);
        return false;
    }
}

Then, to attach a listener...