OSD600
GoogleMaps Documentation
Name
googlemap
Examples
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" } )
.googlemap({ start: 0, // seconds end: 20, // seconds type: "STREETVIEW", target: "map1", lat: 43.665429, lng: -79.403323, zoom: "1", heading: "0", pitch: "1" } );
.googlemap({ start: 0, // seconds end: 30, // seconds type: "ROADMAP", target: "map2", location:"boston", zoom: 15 } );
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
googlemap({ start: end: type: target: lat: lng: } );
OR
googlemap({ start: end: type: target: location: } );
Parameters
Start: is the time that you want this plug-in to execute (Int)
End: is the time that you want this plug-in to stop executing (Int)
Target: is the id of the DOM element that you want the map to appear in. This element must be in the DOM (String)
Lat and Lang: the coordinates of the map must be present if location is not specified. (Int)
Location: the address you want the map to display, bust be present if lat and log are not specified. (String)
Type: [optional] either: HYBRID (default), ROADMAP, SATELLITE, TERRAIN, STREETVIEW (String)
Zoom: [optional] defaults to 0 (Int)
Heading: [optional] STREETVIEW orientation of camera in degrees relative to true north (0 north, 90 true east, ect)
Pitch: [optional] STREETVIEW vertical orientation of the camera (between 1 and 3 is recommended)
Returns
None