Difference between revisions of "User:Dseifried/osd600"

From CDOT Wiki
Jump to: navigation, search
(Parameters)
(GoogleMaps Documentation)
Line 6: Line 6:
  
 
===Examples===
 
===Examples===
 
+
<pre>
googlemap({
+
var p = Popcorn('#video')
 +
      .volume(0)
 +
      .play()
 +
      .googlemap({
 
         start: 0, // seconds
 
         start: 0, // seconds
 
         end: 20, // seconds
 
         end: 20, // seconds
Line 15: Line 18:
 
         lng: -79.403323,
 
         lng: -79.403323,
 
         zoom: "10"
 
         zoom: "10"
       } );
+
       } )
 
+
</pre>
googlemap({
+
<pre>
 +
.googlemap({
 
         start: 0, // seconds
 
         start: 0, // seconds
 
         end: 20, // seconds
 
         end: 20, // seconds
Line 28: Line 32:
 
         pitch: "1"
 
         pitch: "1"
 
       } );
 
       } );
googlemap({
+
</pre>
 +
<pre>
 +
.googlemap({
 
         start: 0, // seconds
 
         start: 0, // seconds
 
         end: 30, // seconds
 
         end: 30, // seconds
Line 36: Line 42:
 
         zoom: 15
 
         zoom: 15
 
       } );
 
       } );
 +
</pre>
  
 
===Description===
 
===Description===
Line 41: Line 48:
  
 
===Syntax===
 
===Syntax===
 +
<pre>
 
googlemap({
 
googlemap({
 
         start:
 
         start:
Line 49: Line 57:
 
         lng:
 
         lng:
 
       } );
 
       } );
 +
</pre>
  
 
OR
 
OR
 
+
<pre>
 
googlemap({
 
googlemap({
 
         start:
 
         start:
Line 59: Line 68:
 
         location:
 
         location:
 
       } );
 
       } );
 +
</pre>
  
 
===Parameters===
 
===Parameters===

Revision as of 17:20, 5 March 2011

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