topic Re: MapView.goTo() is changing MapView.animation always with Javascript API 4.12 in ArcGIS JavaScript Maps SDK Questions

MapView.goTo() is changing MapView.animation always with Javascript API 4.12

MichailMarinakis1 — Fri, 11 Oct 2019 14:17:34 GMT

Hi all,

we were using version 4.11 of the Javascript API. We are watching the MapView.animation property for changes.

When we run the following command: MapView.goTo({target: point, scale:100}, { animate: false });

no changes on the state of the animation property are occurring and that is the expected behavior (I guess).

We upgraded to version 4.12 of the Javascript API. The MapView.animation property is changing always independent of the value GoToOptions2D.animate

Is there a workaround for that? Or do we miss something?

Thanks!

Michalis

Re: MapView.goTo() is changing MapView.animation always with Javascript API 4.12

Noah-Sager — Fri, 11 Oct 2019 16:43:43 GMT

Hi Michalis, do you have a sample or reproducible test app that demonstrates this?

Re: MapView.goTo() is changing MapView.animation always with Javascript API 4.12

MichailMarinakis1 — Mon, 14 Oct 2019 11:05:53 GMT

Hi Noah,

thank you for the fast response. I think I have found the reason and it is not the goTo().

Before calling the goTo() function, I was calling the:

MapView.popup.open({features: selectedFeatures, updateLocationEnabled: true}).

The flag updateLocationEnabled is change the state of animation.

Please find below a small sample to reproduce it. I assume that this is an expected behavior, right?

<!DOCTYPE html>

<html>

<head>

<title>Sample</title>

<style>

html,

body,

#viewDiv {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

}

</style>

require(["esri/Map", "esri/views/MapView", "esri/layers/FeatureLayer"], function (Map, MapView, FeatureLayer) {

var map = new Map({

basemap: "streets"

});

var view = new MapView({

container: "viewDiv",

map: map,

zoom: 4,

center: [15, 65]

});

var featureLayer = new FeatureLayer({

url:

"https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_Trees/FeatureServer/0"

});

var query = featureLayer.createQuery();

query.where = "tree_id = 102";

featureLayer.queryFeatures(query)

.then((response) => {

view.popup.open({

features: response.features,

// if we set this flag to false, the state of animation will not change

updateLocationEnabled: true

});

view.watch("animation", function (response) {

if (response && response.state === "running") {

console.log("Animation in progress");

}

else {

console.log("No animation");

}

});

</script>

</head>

<body>

</body>

</html>

Re: MapView.goTo() is changing MapView.animation always with Javascript API 4.12

Noah-Sager — Mon, 14 Oct 2019 17:01:46 GMT

I tested the sample provided and yes, when the app initially loads, that updateLocationEnabled: true pans the map and that means the view is animated. After initial load, the view.animation behavior remains the same whether the updateLocationEnabled is true or false, which makes sense. Does this address your question?

Re: MapView.goTo() is changing MapView.animation always with Javascript API 4.12

MichailMarinakis1 — Mon, 14 Oct 2019 22:15:15 GMT

Yeap, thanks again for the fast responses and clear answer!