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; } } }

map.centerAndZoom deferred

TimWitt2

Good afternoon everybody,

In my webapp I use the map centerAndZoom method Map | API Reference | ArcGIS API for JavaScript which will return a deferred.

I haven't worked with deferred before and was wondering how I can continue with my code once the centerAndZoom has finished.

Would it look something like this or can somebody (probably Robert) give me an example?

map.centerAndZoom(allPoints[0].geometry,8).then(function(){

//continuation of the code

});

Thanks,

Tim

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Tim,

That is it exactly.

All comments

TONGSUN

Robert,

Thanks for your advice. I tried your suggestion of "this.map.centerAt(zoomExtent).then(lang.hitch(this, DoFlash()));"

Then I tried "map.centerAt(zoomExtent).then(lang.hitch(this, DoFlash()));"

I still got the same error message.

Basically, I need to make sure DoFlash() happens after the map is re-centered. But when I put "alert" at the beginning of DoFlash(), the map exent has not changed yet.

RobertScheitlin__GISP

Tong,

Because you have this.map I have to assume that your issue is a scope issue and your code should look like:

<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">centerAt</SPAN><SPAN class="punctuation token">(</SPAN>zoomExtent<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN>lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">,</SPAN> DoFlash<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

TONGSUN

Robert, I tried to add a flash point marker graphic in both ways when !this.map.extent.contains(zoomExtent):

this.map.centerAt(zoomExtent).then(DoFlash());

new Promise(function(resolve, reject) {

this.map.centerAt(zoomExtent);

}).then(DoFlash());

I got error message 'Uncaught lang.hitch: scope["setStroke"] is null (scope="[object Window]")'. But no problem DoFlash() if the map doesn't need to be re-centered.

Please help, thanks!

TONGSUN

Well, I tried to add a flash point marker graphic in both ways when !this.map.extent.contains(zoomExtent):

this.map.centerAt(zoomExtent).then(DoFlash());

new Promise(function(resolve, reject) {

this.map.centerAt(zoomExtent);

}).then(DoFlash());

I got error message 'Uncaught lang.hitch: scope["setStroke"] is null (scope="[object Window]")'. But no problem DoFlash() if the map doesn't need to be re-centered.

Please help.

Thanks!

TimWitt2

Thank you, since I've never dealt with deferred, I figured I ask to make sure I understand it.

ReneRubalcava

Yeah, centerAndZoom returns a Promise, which comes from the Deferred. This means you can use the "then()" method as your sample shows to continue your code.

RobertScheitlin__GISP

Tim,

That is it exactly.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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