magellan/index.html

38 lines
1.3 KiB
HTML
Raw Normal View History

2019-03-23 18:43:42 +00:00
<!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>