在vue中更改arcgis地图位置onClick

<template>
  <div>
    <div id="mapView" style="height: 400px;"></div>
    <button @click="changeMapLocation">更改地图位置</button>
  </div>
</template>

<script>
import { loadModules } from 'esri-loader';

export default {
  mounted() {
    this.initMap();
  },
  methods: {
    async initMap() {
      const [Map, MapView] = await loadModules(['esri/Map', 'esri/views/MapView']);

      const map = new Map({
        basemap: 'streets'
      });

      this.mapView = new MapView({
        container: 'mapView',
        map: map,
        center: [-122.4194, 37.7749], // 初始中心点坐标
        zoom: 12 // 初始缩放级别
      });
    },
    changeMapLocation() {
      const newLocation = {
        center: [-118.2437, 34.0522], // 新的中心点坐标
        zoom: 10 // 新的缩放级别
      };

      this.mapView.goTo(newLocation);
    }
  }
};
</script>