JavaScript ArcGIS MapView click事件用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/views/MapView"], (MapView) => { /* code goes here */ });

ESM: import MapView from "@arcgis/core/views/MapView";

类： esri/views/MapView

继承: MapView > View > Accessor

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

MapView click事件的定义如下：

click View click事件

用户单击视图后触发。此事件的发出速度比 immediate-click 事件稍慢，以确保不会触发双击事件。 immediate-click事件可用于立即响应点击事件。

属性：

类型

说明

mapPoint Point

在Map的空间参考中单击视图的点位置。

x Number

点击视图的横屏坐标。

y Number

点击视图的屏幕垂直坐标。

button Number

指示单击了哪个鼠标按钮。

buttons Number

指示当前鼠标按钮状态。

值	说明
0	左键单击(或触摸)
1	中键
2	右键点击

可能的值：0|1|2

type String

事件类型。

值永远是"click".

stopPropagation Function

防止事件在事件链中冒泡。

timestamp Number

发出事件的时间戳(以毫秒为单位)。

native Object

标准 DOM PointerEvent 。

例子：

// Set up a click event handler and retrieve the screen point
view.on("click", function(event) {
 // the hitTest() checks to see if any graphics in the view
 // intersect the given screen x, y coordinates
 view.hitTest(event)
  .then(getGraphics);
});

view.on("click", function(event) {
 // you must overwrite default click-for-popup
 // behavior to display your own popup
 view.popup.autoOpenEnabled = false;

 // Get the coordinates of the click on the view
 let lat = Math.round(event.mapPoint.latitude * 1000) / 1000;
 let lon = Math.round(event.mapPoint.longitude * 1000) / 1000;

 view.popup.open({
   // Set the popup's title to the coordinates of the location
   title: "Reverse geocode: [" + lon + ", " + lat + "]",
   location: event.mapPoint // Set the location of the popup to the clicked location
   content: "This is a point of interest"  // content displayed in the popup
 });
});

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 MapView click event。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。