centerAndZoom bad visualization

PauloMiranda_Arias — Sat, 11 Dec 2021 18:39:29 GMT

Hello. I'm using ArcGIS 3.28 API JS. I'm using `cenetrAndZoom()`method, but I have a problem. The map load after the zoom so the visualization is ugly, this is what happens when I change from one zoom to another:

This is my code:

let center;
let zoom;
loadModules([
    'esri/geometry/Point'
]).then(([Point]) => {
    switch (evt.target.value) {
        case 'country_cl':
            center = new Point([-70.71582015815409, -33.47133434146025]);
            zoom = 4;
            break;
        case 'country_co':
            center = new Point([-73.63857136146157, 4.0920688808058]);
            zoom = 5;
            break;
        case 'country_mx':
            center = new Point([-99.94867549215655, 20.55088183550196]);
            zoom = 5;
            break;
        }
    // this.mapa.map.centerAndZoom(center, zoom);
    console.log(this.mapa.map);
    this.mapa.map.centerAndZoom(center, zoom);
    //this.mapa.map.centerAt(center);
    // this.mapa.map.setZoom(zoom);
    // this.mapa.map.panTo(center);
});

I would like to move first to the point and then zoom, but this method, changes the zoom while moving, so the map has to be reloaded. How can avoid this? If I move from Colombia-Mexico and viceversa there's no problem, because has the same zoom.

In the other hand, I set up this config:

esriConfig.defaults.map.zoomDuration = 500;
esriConfig.defaults.map.zoomRate = 25;
esriConfig.defaults.map.panDuration = 2500;
esriConfig.defaults.map.panRate = 25;

topic centerAndZoom bad visualization in ArcGIS JavaScript Maps SDK Questions

centerAndZoom bad visualization