Graphics Reference
In-Depth Information
7.1.2 Google Maps
Before we look at more complex extensions, let's start with simple external ser-
vices that offer embedding functions through iframes. Google Maps is used in
many projects as a simple location description and offers an iframe option on
the website for such purposes:
Figure 7.1
Obtaining the embed code from
Google Maps
We cannot simply copy this embed code in the HTML document of our Edge
Animate project because we want to define the exact place for the map within
Edge Animate. To do this, create a simple rectangle in Edge Animate and name
it
"container."
This rectangle is represented as a DIV container in the DOM;
now we can inject the embed code into that DIV container using jQuery.
Figure 7.2
The container and the final maps
component in Edge Animate
