Open main menu

CDOT Wiki β

Popcorn.js Googlemap Documentation

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