vue2里面arcgis api 点平移

在Vue.js 2.x版本中，整合ArcGIS API进行地图点平移通常涉及到地图组件、Esri JavaScript API以及Vue的指令或自定义事件处理。首先，你需要在项目中引入Esri ArcGIS JavaScript API。然后，可以按照以下步骤操作：

1. **创建地图组件**：
使用`<agm-map>`标签创建一个地图组件，并设置初始地图中心和缩放级别。

<template>
  <agm-map :center="mapCenter" :zoom="mapZoom">
    <!-- 其他地图元素如marker -->
  </agm-map>
</template>

<script>
import { AgmMap } from '@agm/core';

export default {
  components: {
    AgmMap,
  },
  data() {
    return {
      mapCenter: [yourLatitude, yourLongitude], // 初始化经纬度
      mapZoom: 8, // 初始缩放级别
    };
  },
}
</script>

2. **添加标记点**：
创建一个标记点（Marker），并为其绑定拖动事件（`drag-end`）以便于平移。

<agm-marker @drag-end="handleDragEnd" :position="currentPosition"></agm-marker>

3. **处理拖动事件**：
在`handleDragEnd`函数中，更新地图的位置信息，例如：

methods: {
  handleDragEnd(event) {
    this.currentPosition = event.mapPoint; // 更新当前位置
    // 如果需要同步地图中心，可以这样做：
    this.$refs.map.setCenter(this.currentPosition);
  }
}

以上示例假设你已经在Vue组件上绑定了`ref`属性给地图元素(`agm-map`)以便后续访问。