topic Re: Detach and reattach a map view to a container in ArcGIS JavaScript Maps SDK Questions

Detach and reattach a map view to a container

TJRockefeller — Wed, 05 Jul 2017 21:13:12 GMT

I am working on an application with a dynamic layout, and I would like to be able to close (remove) the map from the page, and then later reattach the map that was removed to a new HTML container.

for detaching from the page I was trying

view.container = null;

for reattaching to the page I am just assigning the HTMLDivElement to the container

view.container = divContainerElement;

When I do this it just kind of works. The widgets that I have set up on the view show up in my container, but the actual map is not shown.

The main difference that I can see in the html is that when the map is initially added there are several child elements inside of <div class="esri-view-surface"... , and after I detach and reattach then the element <div class="esri-view-surface"... has no child elements.

Is what I'm talking about even possible, or is it something that will be available in a future release?

I am using arcgis-js-api 4.3.1

A fiddle with a very basic setup of what I'm trying to do is here Edit fiddle - JSFiddle

If you press the detach button it will remove the map, and when you reattach you will see that the map kind of comes back with the zoom widget visible and the footer information visible, but no map.

Thanks for any help.

Re: Detach and reattach a map view to a container

JordanKing3 — Thu, 06 Jul 2017 00:34:15 GMT

From the 4.4 release notes, bug fixes:

BUG-000104500: It is now possible to uninstantiate the MapView's container and reinstantiate.

Wondering if this could be related to your issue? Perhaps try out your code in a 4.4 version as a test.

Re: Detach and reattach a map view to a container

TJRockefeller — Thu, 06 Jul 2017 14:09:43 GMT

Unfortunately that bug fix doesn't seem to be related. I updated my fiddle here Edit fiddle - JSFiddle to use 4.4 and it is still showing the same problem.

Re: Detach and reattach a map view to a container

TJRockefeller — Thu, 06 Jul 2017 16:32:54 GMT

I found a work around that works well enough. I can keep the same map in memory, but I have to create a new MapView to get it to reattach correctly. I have to save information about the center, zoom, scale, etc. to make sure that the view comes back the same as it was before, but at least I don't have to recreate the map and the layers.

I modified my fiddle here Edit fiddle - JSFiddle to show the work around.

Re: Detach and reattach a map view to a container

EdwardSheehan — Sat, 14 Dec 2024 05:51:46 GMT

There is a suspended property in the view that is causing it to stop rendering