使用AngularJS在amMaps中双击一个地图对象

Question

我正在开发一个使用地图的应用程序。我根据经度和纬度值在地图上定位了一些点。通过使用以下代码，我实现了单个点击功能:

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

我想实现双击的功能。谁能告诉我如何在maps中做到这一点?

Answer 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 );
  }
} );