-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
133 lines (110 loc) · 5.16 KB
/
index.php
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Leaflet</title>
</head>
<body class="horizontal-menu" style="height:850px">
<!-- <div class="container-fluid">
<div id="map" class="row">
<div class="span10"></div>
<div class="span2"></div>
</div>
</div> -->
<nav class="navbar navbar-default">
<div></div>
</nav>
<div id="map" style="height: 100%"></div>
<div id="mapControls" style="z-index: 10; height:100%">
<div>
<div class="btn-group-vertical">
<button class="btn btn-black btn-transparent " id="customZoomIn" style="border-top-right-radius: 0px;cursor: -webkit-zoom-in; cursor: -moz-zoom-in;"
data-toggle="tooltip" data-placement="left" data-original-title="Vue rapprochee">
<i class="fa fa-inverse fa-plus fa-md fa-fw "></i>
</button>
<button class="btn btn-black btn-transparent" id="zoomToMaxExtent">
<i class="fa fa-inverse fa-globe fa-lg fa-fw"></i>
</button>
<button class="btn btn-black btn-transparent" id="customZoomOut" style="border-bottom-right-radius: 0px; cursor: -webkit-zoom-out; cursor: -moz-zoom-out;">
<i class="fa fa-inverse fa-minus fa-md fa-fw"></i>
</button>
</div>
<div class="mb30"></div>
<div class="btn-group-vertical">
<button class="btn btn-black btn-transparent" id="btnSearch" style="border-top-right-radius: 0px;">
<i class="fa fa-inverse fa-search fa-md fa-fw"></i>
</button>
<button class="btn btn-black btn-transparent" id="btnEdition" style="border-top-right-radius: 0px;">
<i class="fa fa-inverse fa-pencil-square-o fa-lg fa-fw"></i>
</button>
</div>
</div>
</div>
</div>
<div class="rightpanel" id="rightpanel" style="background-color: white; float:right;">
<ul class="nav nav-tabs nav-justified" id="rightPanelTab" style="display: none" >
<li class="active"><a href="#rp-search" data-toggle="tab"><i class="fa fa-users"></i></a></li>
<li><a href="#rp-edition" data-toggle="tab"><i class="fa fa-heart"></i></a></li>
</ul>
<div class="tab-content" style="height: 100%">
<div class="tab-pane active" id="rp-search">
<h5 class="sidebartitle" >Recherche d'un arrêt <a href="#" class="btnRightPanelClose"><i class="fa fa-times "> </i> </a></h5>
<label for="stop_name">Nom de l'arrêt:</label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Rechercher un ârret ...">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Go!!!</button>
</span>
</div>
<span class="input-group-btn">
<button class="btn btn-default pull-right" type="button">Supprimer</button>
</span>
</div>
<div class="tab-pane" id="rp-edition">
<h5 class="sidebartitle">Edition <a href="#" class="btnRightPanelClose"><i class="fa fa-times"></i> </a></h5>
<label for="stop_name">Nom de l'arrêt: </label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Nom d l'arrêt ...">
</div>
<label for="stop_name">Numéro de bus: </label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Numéro du bus qui passe ...">
</div>
<span class="input-group-btn">
<button class="btn btn-default pull-right" type="button">Valider </button>
</span>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> -->
<link rel="stylesheet" type="text/css" href="leaflet/leaflet.css">
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script type="text/javascript" src="dist/Leaflet.Coordinates-0.1.4.min.js"></script>
<link rel="stylesheet" href="dist/Leaflet.Coordinates-0.1.4.css"/>
<link href="bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
<script type="text/javascript" src="bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js.js"></script>
<script type="text/javascript" src="cursor-awesome/dist/jquery.awesome-cursor.js"></script>
<script type="text/javascript">
var map;
var edit;
var edit=false;
var marker=L.marker();
function initmap() {
// set up the map
map = new L.Map('map', {zoomControl:false});
// create the tile layer with correct attribution
var osmUrl='http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
var osmAttrib='Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors';
var osm = new L.TileLayer(osmUrl, {minZoom: 1, maxZoom: 20});
//var osm = new L.TileLayer(osmUrl, {minZoom: 1, maxZoom: 20, attribution: osmAttrib});
// start the map in South-East England
map.setView(new L.LatLng(-18.9156, 47.5218),15);
map.addLayer(osm);
}
initmap();
</script>
</html>