Gtug20110307

1,479 views
1,388 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,479
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gtug20110307

  1. 1. •• Web API• Android• Hack•
  2. 2. • (@MaripoGoda)•• “ToriSat”• Geo (Android, iOS, Web etc)•
  3. 3. iPhone Android , ,2011 1 27
  4. 4. API
  5. 5. 1.
  6. 6. 2.
  7. 7. 3.
  8. 8. 4.
  9. 9. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> <script type="text/javascript"> function initMap(){ var latlng = new google.maps.LatLng(35.699355, 139.77049); var option = { zoom: 18, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: true }; var map = new google.maps.Map(document.getElementById("map"), option); } </script> <title>Hello Street View</title> </head> <body onload="initMap()"> <div id="map" style="width:600px;height:400px;"></div> </body></html>
  10. 10. var latlng = new google.maps.LatLng(35.699355, 139.77049);var option = { zoom: 18, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: true};var map = new google.maps.Map(document.getElementById("map"), option); pegman streetViewControll: false streetViewControll: true
  11. 11. var streetOption = { position: latlng, // pov: {heading: 45, pitch: 15, zoom: 1} //};var div = document.getElementById("street");var panorama = new google.maps.StreetViewPanorama (div, streetOption);map.setStreetView(panorama);
  12. 12. POV ( ) POV (Point of View)http://commons.wikimedia.org/wiki/File:Flatiron_fisheye.jpg
  13. 13. var svService = new google.maps.StreetViewService();svService.getPanoramaByLocation( latlng, // 50, // ( ) function(/*StreetViewPanorama*/panorama, /*StreetViewStatus*/status){ // }); ( null)
  14. 14. POV ( ) • heading ( ) API yaw • pitch ( ) • zoom ( ) pitchheading
  15. 15. POVStreetViewPanorama.setPov() panorama.setPov({ heading: 45, pitch: 15, zoom: 1 });
  16. 16. StreetViewLink StreetViewLink StreetViewPanorama
  17. 17. StreetViewPanorama.getLinks()
  18. 18. : ( )
  19. 19. google.maps.event.addListener(panorama, links_changed, function(){ if (panorama.getLinks() && 2 == panorama.getLinks().length) { for (var i = 0; i < panorama.getLinks().length; i++) { if (prevLatLng != panorama.getLinks()[i].pano) { svService.getPanoramaById(panorama.getLinks()[i].pano,checkLinkDirection(panorama.getPosition(), prevLatLng, panorama.getLinks()[i].pano)); } } } map.setCenter(panorama.getPosition()); }); function checkLinkDirection(_position, _prevLatLng, pano){ return function(newPanorama, status){ if (!newPanorama) return; var prevAngle = getAngle(_position, _prevLatLng); var newAngle = getAngle(newPanorama.location.latLng, _position); if (Math.abs(newAngle - prevAngle) < Math.PI * 0.8) { prevLatLng = panorama.getPosition(); panorama.setPov({ heading: newAngle * 180.0 / Math.PI, pitch: 0, zoom: 1 }); panorama.setPano(pano); } } }
  20. 20. • pano_changed ID• position_changed• pov_changed• links_changed• visible_changed /
  21. 21. google.maps.event.addListener( panorama, links_changed, function(){ // });
  22. 22. var marker = new google.maps.Marker({ position: latLng, map: map, title: placeName});
  23. 23. google.maps.event.addListener( marker, click, showMarkerDetail);
  24. 24. var starIcon = new google.maps.MarkerImage(http://www.example.com/star.png);var marker = new google.maps.Marker({ position: new google.maps.LatLng(place.lat, place.lng), map: map, icon: starIcon, title: place.label});
  25. 25. Android• URL “google.streetview”• Intent•
  26. 26. <a href="google.streetview:cbll=35.66307,139.732189"> !</a>
  27. 27. <a href="google.streetview:cbll=35.66307,139.732189"> !</a>
  28. 28. GeoPoint point = map.getMapCenter();Uri uri = Uri.parse("google.streetview:cbll=" + point.getLatitudeE6()/1E6 + "," + point.getLongitudeE6()/1E6);startActivity(new Intent(Intent.ACTION_VIEW, uri));
  29. 29. Hack AR http://www.sightspacestation.com/
  30. 30. 3/10 18:58 , ISS (HTV2, ATV2, , , x2 ) !!
  31. 31. Hack VRhttp://www.youtube.com/watch?v=DG1FWa-0XrE
  32. 32. PC
  33. 33. Google Maps JavaScript API V3 - Google Maps JavaScript API V3 - Google Codehttp://code.google.com/intl/ja/apis/maps/documentation/ javascript/services.html#StreetView

×