Log In Sign Up
Models:
Daniel Galbraith
DanielG/
krang-dataset-viewer
0
Downloads: 1
Diff of /cut.html [000000] .. [d7fa72]

Switch to unified view

a b/cut.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html>





  
  

  3
  
  <head>





  
  

  4
  
    <meta charset="utf-8">





  
  

  5
  
    <title>Krang Dataset - Cut/Fragment Viewer</title>





  
  

  6
  
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>





  
  

  7
  





  
  

  8
  
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ==" crossorigin=""/>





  
  

  9
  
    <link rel="stylesheet" href="src/overview.css">





  
  

  10
  





  
  

  11
  
    <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js" integrity="sha512-BB3hKbKWOc9Ez/TAwyWxNXeoV9c1v6FIeYiBieIWkpLjauysF18NzgR1MBNBXf8/KABdlkX68nAhlwcDFLGPCQ==" crossorigin=""></script>





  
  

  12
  
    <script src='src/cut-viewer-load.js' defer></script>





  
  

  13
  
    <script src='src/map-script.js' defer></script>





  
  

  14
  
  </head>





  
  

  15
  
  <body>





  
  

  16
  
    <nav class="navigation"><a href="cuts.html">Cuts</a></nav>





  
  

  17
  
    <div class="container">





  
  

  18
  
      <div class="info-tools">





  
  

  19
  
        <div id="createmark">





  
  

  20
  
        <input type="number" name="x" id="xCoord" placeholder="x-coordinates">





  
  

  21
  
        <input type="number" name="y" id="yCoord" placeholder="y-coordinates">





  
  

  22
  
        <button  id="newMarkerButt" onclick="createMarker(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Create Marker</button>





  
  

  23
  
        <button  id="showCoordButt" onclick="showCoord(document.getElementById('xCoord').value, document.getElementById('yCoord').value)">Show coordinates</button><br/>





  
  

  24
  
        <label class="switch">





  
  

  25
  
          <input type="checkbox" id="mapClick">





  
  

  26
  
          <span class="slider"></span>





  
  

  27
  
        </label>Create markers by clicking on the map<br/>





  
  

  28
  





  
  

  29
  
        fly to this <input type="number" name="num" id="markNum" placeholder="marker">





  
  

  30
  
        <button onclick="flyToMarker(document.getElementById('markNum').value)">Show marker</button>





  
  

  31
  
      </div>





  
  

  32
  
      <div id="moreInfo">





  
  

  33
  
        you have <span id="markArrLength">0</span> markers &nbsp; <button id="showMarkersArr">Show markers list</button> <br/>





  
  

  34
  
        mouse coordinates: X(<span id="xMouseCoord"></span>), Y(<span id="yMouseCoord"></span>)





  
  

  35
  
      </div>





  
  

  36
  
    </div>





  
  

  37
  
      <h2>Фрагмент <span class="fragmentId"></span></h2>





  
  

  38
  
    </div>





  
  

  39
  
    <div class="cut-viewer-container">





  
  

  40
  
      <div class="fragment-map" id='map'>





  
  

  41
  
            </div>





  
  

  42
  
    </div>





  
  

  43
  
    <div class="container">





  
  

  44
  
      <div id="downloadfragment"></div>





  
  

  45
  
    </div>





  
  

  46
  





  
  

  47
  
  </body>





  
  

  48
  





  
  

  49
  
</html>