diff options
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 78 |
1 files changed, 37 insertions, 41 deletions
diff --git a/templates/index.html b/templates/index.html index 717adc7..d193447 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,54 +1,50 @@ <html> <head> - <meta name="viewport"content="initial-scale=1.0, user-scalable=no"/> - + <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" /> + <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script> {{ templates/index.css }} - </head> - <body> - - <div id="map_canvas"></div> - + <div id="map"></div> <form id="path-form"> - <div class="row" > - <div class="col"> - Place marker for: - <div> - <input type="radio" name="marker-point" id="marker-point-start" checked="true" /> - <label for="marker-point-start">Start</label> - </div> - <div> - <input type="radio" name="marker-point" id="marker-point-end" /> - <label for="marker-point-end">Destination</label> - </div> - </div> - <div class="col"> - <div> - <label for="lat1">Start lat:</label> - <input name="lat1" id="lat1" /> - </div> - <div> - <label for="lng1">Start lng:</label> - <input name="lng1" id="lng1" /> + <div class="row" > + <div class="col"> + Place marker for: + <div> + <input type="radio" name="marker-point" id="marker-point-start" checked="true" /> + <label for="marker-point-start">Start</label> + </div> + <div> + <input type="radio" name="marker-point" id="marker-point-end" /> + <label for="marker-point-end">Destination</label> + </div> </div> - </div> - <div class="col"> - <div> - <label for="lat2">End latitude:</label> - <input name="lat2" id="lat2" /> + <div class="col"> + <div> + <label for="lat1">Start lat:</label> + <input name="lat1" id="lat1" /> + </div> + <div> + <label for="lng1">Start lng:</label> + <input name="lng1" id="lng1" /> + </div> </div> - <div> - <label for="lng2">End longitude:</label> - <input name="lng2" id="lng2" /> + <div class="col"> + <div> + <label for="lat2">End latitude:</label> + <input name="lat2" id="lat2" /> + </div> + <div> + <label for="lng2">End longitude:</label> + <input name="lng2" id="lng2" /> + </div> </div> + <input type="submit" value="Find path" /> + </div> - <input type="submit" /> - </div> - </form> - <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=REPLACE_WITH_YOUR_API_KEY&sensor=false"></script> - + + </form> {{ templates/index.js }} </body> -</html> +</html>
\ No newline at end of file |