arcgisjs创建点

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创建点”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。