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博客

相关推荐
qq_214803291 天前
ArcGIS坐标偏移终极解决方案:Runtime与GDB互转无偏移实践
python·arcgis·安卓
油丶酸萝卜别吃2 天前
Vue3 中如何在 setup 语法糖下,通过 Layer 弹窗组件弹出自定义 Vue 组件?
前端·vue.js·arcgis
GISer_Jing3 天前
遥感图像分割:五大开源模型推荐
arcgis·开源
先生沉默先5 天前
Nginx 反向代理学习:单端口统一访问多服务
学习·nginx·arcgis
感谢地心引力5 天前
【ArcGIS Pro】克隆 arcpy 环境(ArcGIS Pro 3.54)
python·arcgis·arcpy·地理处理
U***e636 天前
ReactRESTfulAPI案例
mongodb·arcgis·语言模型
星月前端7 天前
[特殊字符]面向 ArcGIS for JavaScript(4.x)开发者的「坐标系统(CRS / 投影)」全面解读
开发语言·javascript·arcgis
q***9948 天前
node.js+npm的环境配置以及添加镜像(保姆级教程)
arcgis·npm·node.js
爱地球的曲奇8 天前
ArcGIS(ArcMap&Pro)布局视图的在线地图与导出后的图片细节不一样
arcgis
DreamLife☼10 天前
Node-RED:自定义节点开发:打造专属工具箱
arcgis·调试·封装·npm包·自定义节点·节点开发·html模板