https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-the-center-point-to-move-smoothly/m-p/1166042#M77554 <LI-CODE lang="javascript">view.on("click", (e) =&gt; { let { latitude, longitude } = e.mapPoint; let point = { type: "point", longitude, latitude, }; let pointGraphic = new Graphic({ geometry: point, symbol: this.pointSymbol, }); pointLayer.removeAll(); pointLayer.add(pointGraphic); view.center = [longitude, latitude]; });</LI-CODE> Wed, 20 Apr 2022 11:49:09 GMT Lazy 2022-04-20T11:49:09Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-the-center-point-to-move-smoothly/m-p/1166042#M77554 <LI-CODE lang="javascript">view.on("click", (e) =&gt; { let { latitude, longitude } = e.mapPoint; let point = { type: "point", longitude, latitude, }; let pointGraphic = new Graphic({ geometry: point, symbol: this.pointSymbol, }); pointLayer.removeAll(); pointLayer.add(pointGraphic); view.center = [longitude, latitude]; });</LI-CODE> Wed, 20 Apr 2022 11:49:09 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-the-center-point-to-move-smoothly/m-p/1166042#M77554 Lazy 2022-04-20T11:49:09Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-the-center-point-to-move-smoothly/m-p/1179972#M77593 <P>I think you want to mess with the MapView goTo GoToOptions2D options, as in this example:</P><LI-CODE lang="javascript">&lt;meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /&gt; &lt;title&gt;Popup actions | Sample | ArcGIS API for JavaScript 4.22&lt;/title&gt; &lt;style&gt; html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } &lt;/style&gt; &lt;link rel="stylesheet" href="https://js.arcgis.com/4.22/esri/themes/light/main.css" /&gt; &lt;script src="https://js.arcgis.com/4.22/"&gt;&lt;/script&gt; &lt;script&gt; require([ "esri/Map", "esri/layers/FeatureLayer", "esri/layers/GraphicsLayer", "esri/views/MapView", "esri/Graphic" ], (Map, FeatureLayer, GraphicsLayer, MapView, Graphic) =&gt; { // Create the Map const map = new Map({ basemap: "gray-vector" }); // Create the MapView const view = new MapView({ container: "viewDiv", map: map, center: [-117.08, 34.1], zoom: 11 }); const template = { // autocasts as new PopupTemplate() title: "Trail run", content: "{name}" }; const featureLayer = new FeatureLayer({ url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/TrailRuns/FeatureServer/0", popupTemplate: template }); map.add(featureLayer); let gLayer = new GraphicsLayer({}); map.add(gLayer); view.when(() =&gt; { view.on("click", (e) =&gt; { let { latitude, longitude } = e.mapPoint; let point = { type: "point", longitude, latitude }; let pointGraphic = new Graphic({ geometry: point, symbol: this.pointSymbol }); gLayer.removeAll(); gLayer.add(pointGraphic); let goToOpts = { animate: true, duration: 2000, easing: "ease" //linear, ease, ease-in, ease-out, or ease-in-out } view.goTo({ center: [longitude, latitude] }, goToOpts); //view.center = [longitude, latitude]; }); }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="viewDiv"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</LI-CODE> Fri, 03 Jun 2022 22:36:17 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-change-the-center-point-to-move-smoothly/m-p/1179972#M77593 JeffreyWilkerson 2022-06-03T22:36:17Z