upload/

tiles/

* **view on map** for a given LOS between two points/panoramas.

Panorama view

--------------

location you visualize on the panorama.

### Mouse interaction for panorama view ###

* *drag image*  to move

function nmodulo(val, div) {                // pour obtenir un modulo dans l'espace des nombres naturels N.

}

function fmodulo(val, div) {                // pour obtenir un modulo dans l'espace des nombres réels positifs.

}

function distort_canvas(p, x, y) {

function draw_image(ox, oy) {

    var ref_vals  = {x:last.x, y:last.y, zoom:zoom};

    oy = Math.floor(oy-canvas.height/2);                 // pas de rebouclage vertical

    cntext.clearRect(0, 0, canvas.width, canvas.height);

    cntext.fillStyle = "rgba(128,128,128,0.8)";

    if (canvas.height > zm.im.height) {

	var fy = Math.floor((oy+canvas.height/2-zm.im.height/2)/(tile.height*zm.ntiles.y))*zm.ntiles.y;

	var ly = fy + zm.ntiles.y;

    } else {

	var fy = Math.floor(oy/tile.height);

	var ly = Math.floor((oy+canvas.height+tile.height-1)/tile.height+1);

    }

    for (var j=fy; j<ly; j++) {

	cntext.beginPath();

        cntext.rect(tx, ty, twidth, theight);

        cntext.clip();

    var wgrd = zm.im.width/360;

    var od = ((ox+canvas.width/2)/wgrd)%360;

    var el = (zm.im.height/2 - (oy+canvas.height/2))/wgrd;

    if (twidth) {

	cntext.restore();

    }

}

function insert_drawn_point(lat, lon, alt) {

    var alt2 = alt;

    var lat2 = lat*Math.PI/180;

    var lon2 = lon*Math.PI/180;

    var dLat = lat2-lat1;

    var angle = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));

    var d = angle*rt;                    // distance du point en Kms

    var y = Math.sin(dLon) * Math.cos(lat2);

    var x = Math.cos(lat1)*Math.sin(lat2) - Math.sin(lat1)*Math.cos(lat2)*Math.cos(dLon);

    var cap = Math.atan2(y,x);                 // cap pour atteindre le point en radians

    var e = Math.atan2((alt2 - alt1)/1000 - d*d/(2*rt),d);  // angle de l'élévation en radians

    return {d:d, cap:cap*180/Math.PI, ele:e*180/Math.PI};   // les résultats sont en degrés

}

    display_temp(opt_dce.d, opt_dce.cap, opt_dce.ele);

}

    point_list[point_list.length] = new Array("point temporaire", d,cap,ele, "temporary");

    reset_zooms();

    putImage(last.x, last.y);

    array.splice(array.indexOf(value), 1);

}

	for (var i=0; i<point_list.length; i++) {

		if(point_list[i][0] == "point temporaire"){

			arrayUnset(point_list,point_list[i]);

			loop = erase_point();

	reset_zooms();

}

function get_file_name(x, y, z) { // recherche du fichier correspondant au zoom et à la position

}

function keys(key) {

    hide_links();

    evt = key || event;

    //evt.preventDefault();

}

function putImage(x, y) { // est destiné à permettre l'effet d'amortissement par la mémorisation de la position courante.

    if (x >= zm.im.width) {   // rebouclage horizontal

	shift.x -= zm.im.width;

	x -= zm.im.width;

	ord_pts = ord_pts.sort(tri_ref_points);

	is_located = i > 1 || image_loop && i > 0;

	this.pixel_y_ratio = this.im.width/360;

	if (is_located) {

	    this.ref_pixels = new Array;

		typ = 'loc_point';

	    }else if(is_visible && lbl =='point temporaire') {

	    typ = 'temporary';

	    } else if(is_visible) {

		typ = 'pano_point';

		lnk += '&to_zoom='+this.value;

	    this.pt_list[i]['type'] = typ;

	    this.pt_list[i]['cap'] = cap;

	    this.pt_list[i]['ele'] = ele;

	    this.pt_list[i]['yc'] = Math.floor(this.im.height/2 - rxy.y);

	}

    }

    this.get_tile_size = function(nx, ny) {

	var res = {width:0, height:0};

	if (nx == this.ntiles.x-1) res.width = this.last_tile.width;

	else res.height = this.tile.height;

	return res;

    }

    this.get_cap_ele = function(px, py) {               // recherche d'un cap et d'une élévation à partir d'un pixel X,Y.

	if (is_located) {

	    for (var i=0; i < this.ref_pixels.length; i++) {

	    return {cap:cp, ele:el};

	}

    }

    this.get_pos_xy = function(cap, ele) {                  // recherche des coordonnées pixel à partir d'un cap et d'une élévation.

	if (is_located) {

	    var dcap = fmodulo(cap-this.ref_pixels[0].cap, 360);

	zoom_control.value++;

	change_zoom(zshift.x, zshift.y);

    } else if (event.wheelDelta > 0 && zoom_control.value > zoom_control.min) {

	change_zoom(zshift.x, zshift.y);

    }

}

    putImage(pos_x, pos_y);

}

    return Math.sqrt(x*x + y*y) < r;

}

    document.getElementById('insert').style.display = 'none';

}

    //event.preventDefault();

    //event.stopPropagation();

    var do_insert = document.getElementById('do-insert');

    var pos_x = nmodulo(last.x + e.pageX - canvas_pos.x - canvas.width/2, zm.im.width);

	}

    var res = zm.get_cap_ele(pos_x, zm.im.height/2 - pos_y);

    var pt_lat = document.getElementById('pos_lat').childNodes[0].nodeValue;

    var pt_lon = document.getElementById('pos_lon').childNodes[0].nodeValue;

    return false;

}

}

function paramIn(e) {

    while (relatedTarget != adding && relatedTarget.nodeName != 'BODY' && relatedTarget != document && relatedTarget != localisation) {

	relatedTarget = relatedTarget.parentNode;

    }

    if (relatedTarget != adding && relatedTarget != localisation) {

	document.removeEventListener('keydown', keys, false);

    }

}

function paramOut(e) {

    while (relatedTarget != adding && relatedTarget.nodeName != 'BODY' && relatedTarget != document && relatedTarget != localisation) {

        relatedTarget = relatedTarget.parentNode;

    }

    if (relatedTarget != adding && relatedTarget != localisation) {

    	document.addEventListener('keydown', keys, false);

    }

}

window.onload = function() {

  <label class="form_col" title="L'altitude positive Ex: 170">Altitude :

    <input  name="loca_altitude" type="number" min="-400" id="loca_altitude"/></label>

  <div class="answer">

    <input type="button" value="Effacer" id="loca_erase"/>

  </div>

</fieldset>

EO_FORM_EXTPOINT;

   $form_param = <<<'EO_FORM_PARAM'

</div>

     <form action="addParams.php?param_dir=%s&amp;param_panorama=%s" id="form_param" method="post">

  <fieldset id="adding"><legend id="paramFormHide">Paramétrage du panorama</legend>

    <label title="Au moins 4 caractères">Titre :

	     title="ne doit pas contenir pus de 40 caractères" required=""/></label>

    <label title="La latitude ϵ [-90°, 90°]. Ex : 46.55257">Latitude :

      <input name="param_latitude" type="number" min="-90" max="90" placeholder="43.56" required="" step="any"/></label>

      <input name="param_altitude" type="number" min="-400" required="" placeholder="170" step="any"/></label>

    <label title="L'image fait-elle 360° ?">Rebouclage :

      <input type="checkbox" name="param_loop" value="true"></label>

    <div>

      <input type="reset" value="Reset"/>

    </div>

  </fieldset>

       printf('point_list[%d] = new Array("%s", %03lf, %03lf, %03lf, "%s");'."\n", $ipt++, $prm['titre'], $dist, $cap, $ele, $lnk);

     }

   }

   $extra_names = array();

   $ref_names = array();

   if (is_array($ref_points)) {

       printf('point_list[%d] = new Array("%s", %03lf, %03lf, %03lf, "");'."\n", $ipt++, $name, $dist, $cap, $ele);

     }

   }

   if (isset($params['reference'])) {

     echo "ref_points = new Array();\n";

       }

     }

   }

   $localLat = (isset($_POST["loca_latitude"])) ? $_POST["loca_latitude"] : NULL;

   $localLon = (isset($_POST["loca_longitude"])) ? $_POST["loca_longitude"] : NULL;

   $localAlt = (isset($_POST["loca_altitude"])) ? $_POST["loca_altitude"] : NULL;

   if ($localLat && $localLon && $localAlt) {

     list($localDistance, $localCap, $localEle) = $pt->coordsToCap($localLat, $localLon, $localAlt);

     $n = "point temporaire";

     printf('point_list[%d] = new Array("%s", %03lf, %03lf, %03lf, "temporary");'."\n",$ipt++, $n, $localDistance, $localCap, $localEle);

  ?>

  </script>

  <link type="image/x-icon" rel="shortcut icon" href="images/tsf.png"/>

  <link rel="stylesheet" media="screen" href="css/map.css" />

</head>

<body>

  <canvas id="mon-canvas">

    Ce message indique que ce navigateur est vétuste car il ne supporte pas <samp>canvas</samp> (IE6, IE7, IE8, ...)

  </canvas>

  <fieldset id="control"><legend>contrôle</legend>

      <label>Zoom : <input type="range" min="0" max="2" value="2" id="zoom_ctrl"/></label>

      <label>Cap : <input type="number" min="0" max="360" step="10" value="0" autofocus="" id="angle_ctrl"/></label>

  </fieldset>

  <?php

     if ($params && isset($params['latitude']) && isset($params['longitude'])) {

       print("<div id=\"params\">\n");

       printf ("<p>latitude :   <em><span id=\"pos_lat\">%.5f</span>°</em></p>\n", $params['latitude']);

       printf ("<p>longitude : <em><span id=\"pos_lon\">%.5f</span>°</em></p>\n", $params['longitude']);

       print("</div>\n");

       echo $form_extpoint;

     } elseif ($params == false ) {

        printf($form_param, $dir, $name, $name);

     }

     echo '<p id="info"></p>'."\n";

     if (count($extra_names) > 1) {

       foreach ($extra_names as $nm) {

       }

       echo "</select>\n";

       echo "<input type=\"button\" id=\"do-insert\" value=\"insérer\"/>\n";

       echo "<input type=\"button\" id=\"do-delete\" value=\"suppimer\"/>\n";

       echo "<input type=\"button\" id=\"show-cap\" value=\"visualiser cet axe sur OSM\"/>\n";

     }

  ?>

  <p id="res"></p>

  <div class="validators">