使用AngularJS双击amMaps中的地图对象

时间:2016-08-12 19:39:36

标签: angularjs amcharts ammap

我正在使用使用ammaps的应用程序。我根据经度和纬度值在地图上找到了许多点。我使用以下代码实现了单击功能:

map.addListener("clickMapObject", function (event) {
                        $scope.$apply(function(){
                            $scope.colorPoints();
                            $scope.selectedRow = event.mapObject.idBase;
                        });
                });

我想实现双击功能。任何人都可以告诉我如何在amMaps中做到这一点。

1 个答案:

答案 0 :(得分:1)

从技术上讲,amMap不支持双击事件。但是,您可以使用clickMapObject事件进行模拟。

为此,您需要忽略第一次点击。如果后续clickMapObject在大约500毫秒内发生,则将其注册为双击。

这样的事情:

map.addListener( "clickMapObject", function( event ) {
  if ( false !== map.clickedObject && map.clickedObject === event.mapObject ) {
    // doubleckick
    map.clickedObject = false;
    $scope.$apply( function() {
      $scope.colorPoints();
      $scope.selectedRow = event.mapObject.idBase;
    } );
  } else {
    clearTimeout( map.clickedObjectTimeout );
    map.clickedObject = event.mapObject;
    map.clickedObjectTimeout = setTimeout( function() {
      map.clickedObject = false;
    }, 500 );
  }
} );