olb
/
celutz
forké depuis FFDN/celutz


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							{% load staticfiles %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/>
    <title>{{ panorama.name }}</title>
    <script>
      var title = "{{ panorama.name|escapejs }}";
      var img_prefix = '{{ panorama.tiles_url }}';
      var image_loop = {{ panorama.loop }};
    </script>
    <script src="{% static "panorama/js/pano.js" %}"></script>
    <script>window.onload = load_pano</script>
    <script>
      {% for zoom_level, data in panorama.tiles_data.items %}
      zooms[{{ zoom_level }}] = new tzoom({{ zoom_level }});
      zooms[{{ zoom_level }}].ntiles.x = {{ data.ntiles_x }};
      zooms[{{ zoom_level }}].ntiles.y = {{ data.ntiles_y }};
      zooms[{{ zoom_level }}].tile.width = {{ data.tile_width }};
      zooms[{{ zoom_level }}].tile.height = {{ data.tile_height }};
      zooms[{{ zoom_level }}].last_tile.width = {{ data.last_tile_width }};
      zooms[{{ zoom_level }}].last_tile.height = {{ data.last_tile_height }};
      {% endfor %}

      {% for id, refpoint in panorama.refpoints_data %}
      point_list[{{ id }}] = new Array("{{ refpoint.name }}", {{ refpoint.distance }}, {{ refpoint.cap }}, {{ refpoint.elevation }}, "");
      {% endfor %}

      ref_points = new Array();
      {% for ref in panorama.references_data %}
      ref_points["{{ ref.name }}"] = {x: {{ ref.x }}, y: {{ ref.y }}, cap: {{ ref.cap }}, ele: {{ ref.elevation }}};
      {% endfor %}
    </script>
    <link type="image/x-icon" rel="shortcut icon" href="{% static "panorama/img/tsf.png" %}"/>
    <link rel="stylesheet" media="screen" href="{% static "panorama/css/map.css" %}" />
    <script src="{% static "panorama/js/hide_n_showForm.js" %}"></script>
  </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>
      <label>Élévation : <input type="number" min="-90" max="90" step="1" value="0" autofocus="" id="elvtn_ctrl"/></label>
    </fieldset>

    <div id="params">
      <p>latitude :   <em><span id="pos_lat">{{ panorama.latitude }}</span>°</em></p>
      <p>longitude : <em><span id="pos_lon">{{ panorama.longitude }}</span>°</em></p>
      <p>altitude : <em><span id="pos_alt">{{ panorama.altitude }}</span> m</em></p>
    </div>
    <img src="{% static "panorama/img/locapoint.svg" %}" id="loca_show" alt="localiser un point" title="pour localiser un point..."/>
    <fieldset id="locadraw"><legend id="loca_hide">Localiser un point</legend>
      <label class="form_col" title="La latitude ϵ [-90°, 90°]. Ex: 12.55257">Latitude :
        <input  name="loca_latitude" type="number" min="-90" max="90"  id="loca_latitude"/></label>
      <label class="form_col" title="La longitude ϵ [-180°, 180°]. Ex: 144.14723">Longitude :
        <input name="loca_longitude" type="number" min="-180" max="180" id="loca_longitude"/></label>
      <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="Localiser" id="loca_button"/>
        <input type="button" value="Effacer" id="loca_erase"/>
      </div>
    </fieldset><p id="info"></p>
    <p id="insert"><select id="sel_point" name="known_points">
        {% for id, refpoint in panorama.refpoints_data %}
        <option>{{ refpoint.name }}</option>
        {% endfor %}
      </select>
      <input type="button" id="do-insert" value="insérer"/>
      <input type="button" id="do-delete" value="suppimer"/>
      <input type="button" id="show-cap" value="visualiser cet axe sur OSM"/>
      <input type="button" id="do-cancel" value="annuler"/>
    </p>
  </body>
</html>