ArcGIS JS 创建点
一、环境搭建
| 步骤 | 操作详情 |
| 1. 引入库 | 在 HTML 文件中通过 |
| 2. 创建地图容器 | 在 HTML 中创建一个用于放置地图的
|
二、初始化地图
// 创建地图实例
const map = new Map({
basemap: "topo-vector", // 底图类型
container: "mapView" // 对应地图容器的 ID
});
// 创建视图实例，控制地图的显示范围和中心等
const view = new MapView({
container: "mapView", // 同样关联地图容器
map: map, // 关联地图实例
center: [116.397, 39.907], // 地图中心坐标（经度，纬度）
zoom: 10 // 缩放级别
});
三、创建点要素
（一）定义点符号
// 定义点的符号，这里使用简单标记符号
const pointSymbol = {
type: "simple-marker", // 符号类型
size: 10, // 点的大小
color: [255, 0, 0, 0.8], // 点的颜色（RGBA）
outline: { // 点的轮廓
color: [255, 255, 255], // 轮廓颜色
width: 1 // 轮廓宽度
}
};
（二）创建点图形
// 创建点的图形对象，指定其几何形状为点，以及坐标
const pointGraphic = {
symbol: pointSymbol, // 使用前面定义的点符号
geometry: { // 几何信息
type: "point", // 几何类型为点
longitude: 116.397, // 经度
latitude: 39.907 // 纬度
}
};
（三）将点添加到地图
// 将点图形添加到地图的图形图层中 view.graphics.add(pointGraphic);
四、相关问题与解答
问题 1：如何更改已创建点的颜色？
解答：可以通过修改点图形对象的symbol.color属性来更改点的颜色，将上面创建的点颜色改为绿色，可以使用以下代码：
pointGraphic.symbol.color = [0, 255, 0, 0.8]; view.graphics.redraw(); // 重新绘制图形图层，使更改生效
问题 2：怎样删除已创建的点？
解答：可以使用view.graphics.remove()方法删除指定的点图形，删除前面创建的pointGraphic点，代码如下：
view.graphics.remove(pointGraphic);
小伙伴们，上文介绍了“arcgisjs创建点”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。
【版权声明】：本站所有内容均来自网络，若无意侵犯到您的权利，请及时与我们联系将尽快删除相关内容!
