Openlayers - обработчик кликов взаимодействия и DrawEnd

Question

У меня возникли проблемы с событием DrawEnd и On Click. Я попытался изменить условие на singleClick, щелкнуть и удалить его.

• Если условие добавлено к взаимодействию, DrawEnd не вызывается (мне нужен DrawEnd для размещения точки)
  
• Если я удаляю условие, обработчик щелчка не вызывается, а DrawEnd -.

Поскольку щелчок не обрабатывается, кажется, что он входит в какой-то режим панорамирования, и карта перемещается везде, где я перемещаю мышь.

Мой процесс это..
- пользователь нажимает, чтобы добавить точку, и отображается экран атрибута для точки.
- Как только пользователь вводит атрибуты, экран исчезает, и тогда они могут опустить точку.
- Когда точка помещена, сервис вызывается, чтобы делать вещи
- если сервис определяет свою плохую точку, то удаление автоматически удаляется с карты.

draw = new ol.interaction.Draw({
    source : addrVectorSource,
    type: "Point",
    //condition: ol.events.condition.singleClick
});

---

Кажется, я получаю сообщение об ошибке во время включения функции. ol-debug.js:99465 Uncaught TypeError: this.source_.addFeature не является функцией

    //[DRAW]
draw.on('drawend', function (e) {
    console.log('drawend');
    start_drawing = false;

    //var id = guid();
    if (typeof ($scope.addr.prefix) == 'undefined') {
        $scope.addr.prefix = '';
    }
    if (typeof ($scope.addr.suffix) == 'undefined') {
        $scope.addr.suffix = '';
    }
    var id = $scope.addr.prefix + $scope.addr.addrnbr + $scope.addr.suffix + '-' + $scope.selAddr.uuid; 
    e.feature.featureID = id;
    e.feature.setId(id);
    $scope.map.removeInteraction(draw);
    $scope.map.removeInteraction(modify);
    $scope.map.removeInteraction(select);
    e.feature.setProperties({
        'id': id,
        'name': "Point",  // Can be anything
        'description': 'Some values',
        'addrnum': ($scope.addr.prefix + $scope.addr.addrnbr + $scope.addr.suffix).toUpperCase()
    })

    $scope.nLon = e.feature.getGeometry().getCoordinates()[0];
    $scope.nLat = e.feature.getGeometry().getCoordinates()[1];
    $scope.addID = e.feature.getId();

    var lcstat = $scope.addr.lifeCycleStatus;
    var lifecycle = LCSSearch($scope.lifeStatus.lifeCycles, lcstat);

    var featyp = $scope.addr.featureType;
    var featuretype = FTSearch($scope.featTypes.features, featyp);

    addrVectorSource.addFeature(e.feature);

    //ID = addrnum + segmentUUID
    $scope.nAddAddress($scope.nLat, $scope.nLon, $scope.addr.addrnbr, $scope.uuid, $scope.addr.prefix, $scope.addr.suffix, $scope.addr.lifeCycleStatus, $scope.addr.featureType, $scope.sSegment.SNSID, $scope.sSegment.StreetNameFk, id, lifecycle, featuretype);
    });




  //[DRAW]
// Call Service to check placement permissions
// aid = AddrNum + StreetUUID
$scope.nAddAddress = function (lat, lon, addrnum, suuid, prefix, suffix, lcstat, featyp, SNSID, SNFK, aid, lifecycle, featuretype) {
    var UTObj = {
        token: Lockr.get('token'),
        uid: Lockr.get('user'),
    };

    var mapID = $scope.mapid;

    var promise = MapService.AddAddress(UTObj, mapID, suuid, lat, lon, addrnum, prefix, suffix, lcstat, featyp, SNSID, SNFK, aid, lifecycle, featuretype);
    promise.then(
      function (payload) {
          $scope.AddrRet = payload.data.PlacePointResult;
          //Assign AddrRet.aid to drawn feature
          $scope.assignAddressUUID(aid, $scope.AddrRet.UUID);

          $scope.drawing = false;
          console.log($scope.AddrRet.msg);
          var msg = $scope.AddrRet.msg;
          $scope.toastMessage(msg);

          $scope.editState = 'NONE';
          $scope.hbtnD = $scope.hbtnoff;
          console.log('DrawingOff');


      },
      function (errorPayload) {
          console.log('Error Adding Address');
          $scope.removeAddressFeature(aid);

          $scope.drawing = false;
          var msg = errorPayload.data.msg;
          $scope.toastMessage(msg);

          $scope.editState = 'NONE';
          $scope.hbtnD = $scope.hbtnoff;
          console.log('DrawingOff');

      });
};