CollectionView Removing its self when setting content

I have a simple google maps view which is a CollectionView and has a contentBinding to an array controller. Every time I set the content to a new set of objects by setting it to a new array the CollectionView which has the maps on is removed from the DOM. However, If I push objects to content it will work fine. I need to reset the content with a new array of data though as it will be coming from an API. Can someone please tell me why this is happening I’ve been trying to solve this for a good day now.

Here is a jsbin. You can uncomment the code within the ‘refresh’ method that I’ve described above to see it working / failing.

Can anyone help me, I still don’t know what I’m doing wrong? Any pointers would be greatly appreciated.