arcgis api for js4.x实现点击GraphicsLayer上绘制的Graphic获取Graphic中的attributes中的信息

需求:arcgis api for js4.x

在Map地图中添加GraphicsLayer图层,在GraphicsLayer图层添加绘制graphics点,点击绘制的点,获取graphics点中的attributes中的信息

javascript 复制代码
var cityCenter = new Point(116, 36, new SpatialReference({ wkid: 4490 }));
var map = new Map({
    basemap: {
      baseLayers: [layer1]
    },
    layers:[layer2,layer3]
});
//视图
var view = new MapView({
    container: "viewDiv",
    map: map,
	center: cityCenter,
	zoom: 12,
});
//创建一个图层
var graphicsLayer = new GraphicsLayer({
    graphics: [],
    visible: true,
    id:"layerid"
});
//创建要素graphic
var graphic = new Graphic({
    geometry: point,
    symbol: symbol,
	attributes:{
		'aa':'aaaa',
		'bb':'bbbb'
    }
});
//添加要素
graphicsLayer.graphics.add(graphic)

view.on("click", (event) => {
    view.hitTest(event).then(function(response) {
        if (response.results.length) {
            var graphic = response.results.filter(function(result) {
            // check if the graphic belongs to the layer of interest
                return result.graphic.layer.id === 'layerid';
            })[0].graphic;
			console.log(graphic.attributes);//获取graphic中的attributes
        }
    })
})

参考:arcgis api for js4.x实现点击图层上的绘制的Graphics点,弹出点信息。_accessor#set invalid property value, value needs t-CSDN博客

相关推荐
2401_863801461 天前
从加载GLTF中提取全局顶点位置的问题
arcgis
跟着珅聪学java1 天前
electron 安装教程
javascript·arcgis·electron
在下胡三汉1 天前
免费在线浏览查看3DTiles,支持修改坐标,微调整保存坐标json,支持cesium地图,高德地图,ArcGIS,天地图等自定义地图
arcgis
GISer_Jing1 天前
Agent工具设计全流程:从原型到落地
arcgis·ai
weixin_贾2 天前
基于ArcGIS、InVEST与RUSLE水土流失模拟及分析中的实践技术应用
arcgis·invest模型·水土保持·遥感图像解译
李长渊哦2 天前
OpenClaw 本地部署完全指南:从环境验证到启动运行
后端·arcgis
扬大平仔2 天前
我用AI写了一个AI助手
人工智能·arcgis
book123_0_992 天前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
asyxchenchong8882 天前
ArcGIS水文分析、HEC-RAS模拟技术在洪水危险性及风险评估
经验分享·arcgis
trojan__2 天前
arcgis给布局视图添加经纬度
arcgis