PT_gpx/map.html at master · simonmnt/PT_gpx · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
        <title>PT4 - Google maps .gpx</title>
        <link rel="stylesheet" href="style.css"/>
        <script src="https://www.google.com/jsapi"></script>
    </head>
    <body>
       <nav>
           <div><a href="#">A propos</a></div>
		   <div><a href="index.html">Visualiser une nouvelle carte</a></div>
       </nav>

       <div id="upload">
           <form method="post" action="upload.php" enctype="multipart/form-data">
           		Upload <input type="file" name="file">
           		<input type="submit" name="submit" value="Envoyer">
           </form>
       </div>

        <div id="map"></div>
        <div id="elevation_chart"></div>
        <div id="information">
        	<div id="distance">Distance : </div>
        	<div id="duree">Durée totale : </div>
        	<div id="altMin">Dénivelé max : </div>
        	<div id="altMax">Dénivelé min : </div>
        </div>


        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDmT9z3Dsf9-X7gGqxDFa4sEuNyzCT7das"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <script>google.load('visualization', '1', {packages: ['columnchart']});</script>
        <script src="maps.js"></script>
    </body>
</html>