nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

MichailMarinakis1

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

Find more posts tagged with

Accepted answers

Noah Sager

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?

All comments

MichailMarinakis1

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

Noah Sager

MichailMarinakis1

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>

Noah Sager

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

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.