38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Cool places in Lyon 7</title>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
|
||
|
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
|
||
|
|
integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
|
||
|
|
crossorigin=""/>
|
||
|
|
<link href='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.css' rel='stylesheet' />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<h1>Magellan</h1>
|
||
|
|
<form class="form" id="form">
|
||
|
|
<div class="form-group">
|
||
|
|
<input id="address" class="form-control" type="text" name="title" placeholder="Adresse">
|
||
|
|
<input id="submit" class="btn btn-primary" type="submit" value="Search">
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<ul id="results"></ul>
|
||
|
|
<hr>
|
||
|
|
<div id="the-map" style="width: 100%; height: 800px"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="//unpkg.com/kinto/dist/kinto.min.js"></script>
|
||
|
|
|
||
|
|
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
|
||
|
|
integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg=="
|
||
|
|
crossorigin=""></script>
|
||
|
|
|
||
|
|
<script src='https://api.mapbox.com/mapbox-gl-js/v0.53.0/mapbox-gl.js'></script>
|
||
|
|
|
||
|
|
<script src="magellan.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|