1
edit
Changes
Created page with '==GoogleMaps Documentation== ===Name=== googlemap ===Examples=== <pre> var p = Popcorn('#video') .volume(0) .play() .googlemap({ start: 0, // seconds …'
==GoogleMaps Documentation==
===Name===
googlemap
===Examples===
<pre>
var p = Popcorn('#video')
.volume(0)
.play()
.googlemap({
start: 0, // seconds
end: 20, // seconds
type: "ROADMAP",
target: "map",
lat: 43.665429,
lng: -79.403323,
zoom: "10"
} )
</pre>
<pre>
.googlemap({
start: 0, // seconds
end: 20, // seconds
type: "STREETVIEW",
target: "map1",
lat: 43.665429,
lng: -79.403323,
zoom: "1",
heading: "0",
pitch: "1"
} );
</pre>
<pre>
.googlemap({
start: 0, // seconds
end: 30, // seconds
type: "ROADMAP",
target: "map2",
location:"boston",
zoom: 15
} );
</pre>
===Description===
Adds a map to the target div centered on the location specified by the user. Options parameter will need a start, end, target, and either a lat and lng or a location. Additional optional parameters are zoom, type, and for Streetview heading and pitch.
===Syntax===
<pre>
googlemap({
start:
end:
type:
target:
lat:
lng:
} );
</pre>
OR
<pre>
googlemap({
start:
end:
type:
target:
location:
} );
</pre>
===Parameters===
'''Start:''' is the time that you want this plug-in to execute (Int)<br/>
'''End:''' is the time that you want this plug-in to stop executing (Int)<br/>
'''Target:''' is the id of the DOM element that you want the map to appear in. This element must be in the DOM (String)<br/>
'''Lat and Lang:''' the coordinates of the map must be present if location is not specified. (Int)<br/>
'''Location:''' the address you want the map to display, bust be present if lat and log are not specified. (String)<br/>
'''Type:''' [optional] either: HYBRID (default), ROADMAP, SATELLITE, TERRAIN, STREETVIEW (String)<br/>
'''Zoom:''' [optional] defaults to 0 (Int)<br/>
'''Heading:''' [optional] STREETVIEW orientation of camera in degrees relative to true north (0 north, 90 true east, ect)<br/>
'''Pitch:''' [optional] STREETVIEW vertical orientation of the camera (between 1 and 3 is recommended)<br/>
===Returns===
None
===Name===
googlemap
===Examples===
<pre>
var p = Popcorn('#video')
.volume(0)
.play()
.googlemap({
start: 0, // seconds
end: 20, // seconds
type: "ROADMAP",
target: "map",
lat: 43.665429,
lng: -79.403323,
zoom: "10"
} )
</pre>
<pre>
.googlemap({
start: 0, // seconds
end: 20, // seconds
type: "STREETVIEW",
target: "map1",
lat: 43.665429,
lng: -79.403323,
zoom: "1",
heading: "0",
pitch: "1"
} );
</pre>
<pre>
.googlemap({
start: 0, // seconds
end: 30, // seconds
type: "ROADMAP",
target: "map2",
location:"boston",
zoom: 15
} );
</pre>
===Description===
Adds a map to the target div centered on the location specified by the user. Options parameter will need a start, end, target, and either a lat and lng or a location. Additional optional parameters are zoom, type, and for Streetview heading and pitch.
===Syntax===
<pre>
googlemap({
start:
end:
type:
target:
lat:
lng:
} );
</pre>
OR
<pre>
googlemap({
start:
end:
type:
target:
location:
} );
</pre>
===Parameters===
'''Start:''' is the time that you want this plug-in to execute (Int)<br/>
'''End:''' is the time that you want this plug-in to stop executing (Int)<br/>
'''Target:''' is the id of the DOM element that you want the map to appear in. This element must be in the DOM (String)<br/>
'''Lat and Lang:''' the coordinates of the map must be present if location is not specified. (Int)<br/>
'''Location:''' the address you want the map to display, bust be present if lat and log are not specified. (String)<br/>
'''Type:''' [optional] either: HYBRID (default), ROADMAP, SATELLITE, TERRAIN, STREETVIEW (String)<br/>
'''Zoom:''' [optional] defaults to 0 (Int)<br/>
'''Heading:''' [optional] STREETVIEW orientation of camera in degrees relative to true north (0 north, 90 true east, ect)<br/>
'''Pitch:''' [optional] STREETVIEW vertical orientation of the camera (between 1 and 3 is recommended)<br/>
===Returns===
None