-
Notifications
You must be signed in to change notification settings - Fork 23
/
home.html
36 lines (33 loc) · 1.15 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html lang="en">
<head>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript" src="./google.maps.LatLng.js"></script>
<script type="text/javascript" src="./google.maps.StreetViewPlayer.js"></script>
<script type="text/javascript" src="./google.maps.StreetViewPlayer.Frame.js"></script>
<script type="text/javascript">
function init() {
alert("hello");
var streetviewPlayer = new google.maps.StreetViewPlayer({
origin: "W9 2EL",
destination: "W5 2ST",
travelMode: google.maps.TravelMode.DRIVING,
movieCanvas: document.getElementById("movie-canvas"),
mapCanvas: document.getElementById("map-canvas"),
onLoading: function() {
//do something while loading
},
onPlay: function() {
//do something when playing
},
onProgress: function(progress) {
//do something with progress
}
})
}
</script>
</head>
<body>
<input type="button" value="Start" onclick="init()"/>
<div id="movie-canvas" style="border:1px solid #ddd;height:512px;width:512px"></div>
<div id="map-canvas" style="border:1px solid #ddd;height:512px;width:512px"></div>
</body>