https://github.com/useallfive/streetviewsequence.js
https://github.com/useallfive/streetviewsequence.js
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/useallfive/streetviewsequence.js
- Owner: UseAllFive
- License: mit
- Created: 2014-03-19T19:07:52.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2015-07-09T18:19:37.000Z (almost 11 years ago)
- Last Synced: 2025-04-14T06:55:29.382Z (about 1 year ago)
- Language: JavaScript
- Size: 265 KB
- Stars: 47
- Watchers: 30
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
StreetviewSequence.js
=====================
StreetviewSequence allows you to create Street View panorama and route-stepped image sequences.
* [Demo](http://useallfive.github.io/StreetviewSequence.js/demo.html)
* [Docs](http://useallfive.github.io/StreetviewSequence.js/parentScope.StreetviewSequence.html)
### Stationary panorama looking up
```javascript
var panorama = StreetviewSequence('#panorama', {
duration: 1500,
location: new google.maps.LatLng(40.720032, -73.988354),
pitchSkewEnd: 90,
width: 585,
height: 325,
loop: true
});
panorama.done(function (player) {
player.play();
});
```
### Route
```javascript
var directionsService = new google.maps.DirectionsService();
var directionsRoute = directionsService.route({
destination: new google.maps.LatLng(33.8974391098385,-116.6136966801696),
origin: new google.maps.LatLng(33.9063,-116.56344000000001),
travelMode: google.maps.TravelMode.DRIVING
}, function (DirectionsResult, DirectionsStatus) {
var routeSequence = StreetviewSequence('#route', {
route: DirectionsResult,
duration: 5000,
loop: true,
width: 585,
height: 325
});
routeSequence.done(function(player) {
player.play();
});
});
```
### Reporting load progress
```javascript
var panorama = StreetviewSequence('#panorama', {
duration: 1500,
location: new google.maps.LatLng(40.720032, -73.988354),
pitchSkewEnd: 90,
width: 585,
height: 325,
loop: true
});
panorama.progress(function (p) {
console.log('%f% loaded', p);
});
panorama.done(function (player) {
player.play();
});
```