react开发arcgis api js(一)

本文介绍了在React环境中使用ArcGIS API for JS时遇到的挑战,包括如何调整默认控件位置,获取指定id的graphicsLayer图层,以及在graphic图形上显示label的方法。通过Chrome浏览器调试和自定义CSS,可以改变compass和wedge的位置。同时,文章讲解了如何创建和操作graphicsLayer,以及在graphic上直接定义TextSymbol显示label。
摘要由CSDN通过智能技术生成

在用react开发arcgis api for js的时候,很多情况下使用的方法和传统开发arcgis api for js的引用格式会有些许不同,因此用这个系列记录一下碰到的问题。

一、改变默认控件的位置,如compass,wedge
在Chrome浏览器中F12,点击获取组件名字,通过改变组件的位置来实现。
在这里插入图片描述

.esri-compass {
position: absolute;
top: 195px !important;
left: 4.8px !important;
}

二、获取指定id的graphicsLayer图层

  1. 引入’esri/layers/GraphicsLayer’模块
  2. 新建图层并添加到地图上
const graphicsLayer1 = new GraphicsLayer({id:"graphicsLayer1",});
window.map.layers.add(graphicsLayer1)
  1. 根据id找到对应图层
const graphicsLayer1=window.map.findLayerById("graphicsLayer1")
  1. 按需对图层进行操作
graphicsLayer1.visible=false
graphicsLayer1.add(graphic
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值