Como introducir Pitch y Yaw a nuestro mapa de Gmaps Streets
Bueno vamos avanzando en esto de los “panoramas de google maps”. Hay dos conceptos nuevos: pitch y yaw.
Yaw: ángulo con respecto a la vertical. Osea que sus valores van del 0 al 360.
Pith: ángulo con respecto a la horizontal: Sus valores creo que van, dependiendo del panorama que se muestre, desde el -90 hasta el 90.
Vamos a ver dos ejemplo variando los pitch y los yaw:
Primero este:
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:v=”urn:schemas-microsoft-com:vml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>Google Maps JavaScript API Example: Streetview Object Example</title>
<script src=”http://maps.google.com/maps?file=api&v=2.x&key=tuapikey”
type=”text/javascript”></script>
<script type=”text/javascript”>
function initialize() {
var myPano = new GStreetviewPanorama(document.getElementById(”pano”));
fenwayPark = new GLatLng(42.345573,-71.098326);
myPOV = {yaw:370.64659986187695,pitch:-20};
myPano.setLocationAndPOV(fenwayPark, myPOV);
GEvent.addListener(myPano, “error”, handleNoFlash);
}
function handleNoFlash(errorCode) {
if (errorCode == 603) {
alert(”Error: Flash doesn’t appear to be supported by your browser”);
return;
}
}
</script>
</head>
<body onload=”initialize()” onunload=”GUnload()”>
<div name=”pano” id=”pano” style=”width: 500px; height: 300px”></div>
</body>
</html>
Vemos que “myPOV” (supongo que será: mi Punto de Vista) está con valores: yaw:370.6464999… y pitch:-2. Esta conbinación produce este panorama:
Sin embargo si cambiamos yaw a 90 y picth a 20 obtendremos este otro panorama:
También se puede cambiar el nivel de zoom, lo valores van de 0 a 2, para ello en la línea:
myPOV = {yaw:90,pitch:20}
hay que añadir el valor del zoom:
myPOV = {yaw:90,pitch:20, zoom:2}
y obtendremos al algo como esto:
Hay que tener ojo con el zoom ya que hay panoramas que admite más zoom que otros pero por regla general si vamos del 0 al 2 no tendremos problemas.
