Edge animate google map embedding not working

I have been using the recomendations in Adobe Edge Classroom in a book starting on page 207 entitled Appending a google Map.

After selecting the Composition Ready option on the Stage and creating a rectangular map element labelled map

I have copied the iframe code:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1471610.0546706892!2d16.551108885128 947!3d43.91303839653031!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x134ba215c737a9 d7%3A0x6df7e20343b7e90c!2sBosnia+and+Herzegovina!5e0!3m2!1sen!2suk!4v1468425101349" width="300" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>

Into the following code:

sym.$([iframe code inserted here between '  ']).appendTo(sym.$("map"));

No map is shown in either preview or browser or when uploaded top main server.

Thanks in advance for any advice

David