I'm trying to embed a google map into my edge animate page. Everything was fine until I toggled the CSS:display feature.
The idea behind my site is an interactive map which when zoomed into a location a google map would appear over the top showing the exact location here's a screenshot of how it appears:
Here's the code which is under the creationcomplete section of the symbol as well:
var container = sym.$('Rectangle3'); var maptest = ''; container.html(maptest);
Any help is greatly appreciated!!
For some reason the code has messed up here it is again:
var container =sym.$('Rectangle3');
var maptest = "<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2483.780956946877!2d-3.5489919999999 917!3d51.498887!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486e6d00de4f4c23%3A0xa aa26fa72ef68baf!2sAstra+Games!5e0!3m2!1sen!2suk!4v1414407037364" width="'+container.width()+'" height="'+container.height()+'" frameborder="0" style="border:0"></iframe>";