Question

My application is a single page app (backbone.js) and it uses google maps that is stored inside a #map_canvas div.

The application has 3 main views:

• A google map view.
• A view without the map. (ie the #map_canvas get hidden)
• A view with the map in a subdiv. (I append the #map_canvas div to another div)

So basically I have 3 main dom manipulations I do:

1. Hiding the map
2. Showing the map
3. Appending the map to another div

My question is, how costly are those operations?

Answer 1

In terms of money: free.

In terms of execution time: negligible

In terms of implementation time: very small (use something like jQuery for cross browser dom manipulation)