arcgis 使用sketch绘制图形，图形范围内实现落点

最新推荐文章于 2025-05-12 09:15:00 发布

原创

最新推荐文章于 2025-05-12 09:15:00 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #arcgis #javascript

这篇博客介绍了如何在arcGIS环境下，通过JavaScript的draw.js文件结合 Sketch 工具，实现在绘制图形的范围内动态捕捉和处理落点的功能。在index.vue组件中调用了这些画图工具，详细阐述了这一过程。

draw.js 文件

import GraphicsLayer from '@arcgis/core/layers/GraphicsLayer'
import Sketch from '@arcgis/core/widgets/Sketch'

const commonSymbol = {
   
   
  type: 'simple-fill',
  color: [0, 119, 237, 0.15],
  outline: {
   
    // autocasts as new SimpleLineSymbol()
    color: [16, 127, 236],
    width: 1,
    style: 'dash'
  }
}

export function initDraw(option, handleDrawCreate) {
   
   
  const {
   
    mapView } = window
  // 首先创建图形图层
  const graphicsLayer = new GraphicsLayer({
   
    id: 'searchQueryGraphicsLayer', title: '框选搜索' })
  mapView.map.add(graphicsLayer)
  mapView.when(() => {
   
   
    createSketch(