-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.htm
406 lines (382 loc) · 26.3 KB
/
index.htm
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
<!DOCTYPE html>
<html lang="fr">
<head>
<title>BORNES</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylebf.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
<style> </style>
</head>
<body id = "myPage">
<!-- Programme AngularJs -->
<script>
// Module angular. Il agit sur tout le document
var app = angular.module("myDocumentList", ["ngRoute"]);
// Appel des différentes pages
app.config(function($routeProvider) {
$routeProvider
.when("/", {
templateUrl : "main.htm"
})
.when("/document1", {
templateUrl : "document1.htm"
})
.when("/document2", {
templateUrl : "document2.htm"
})
.when("/document3", {
templateUrl : "document3.htm"
})
.when("/document4", {
templateUrl : "document4.htm"
})
.when("/document5", {
templateUrl : "document5.htm"
})
.when("/document6", {
templateUrl : "document6.htm"
});
});
// Controller et modèle de données
app.controller("myCtrl", function($scope) {
$scope.pathintro = "intro/"
$scope.pathbornes = "bornes/"
$scope.patharchives = "archives/"
$scope.patharchive1 = "archives/archive1_1738_Balme/"
$scope.patharchive2 = "archives/archive2_Carte_1733_Balme/"
$scope.patharchive3 = "archives/archive3_1738_Emosson/"
$scope.patharchive4 = "archives/archive4_1737_Morgins/"
$scope.patharchive5 = "archives/archive5_Carte_1733_Morgins/"
$scope.patharchive6 = "archives/archive6_Convention_1737/"
$scope.pathtelechargement = "telechargement/"
$scope.doc1 = "Région col de Balme 1738";
$scope.doc2 = "Région Balme 1733";
$scope.doc3 = "Région Emosson 1738";
$scope.doc4 = "Région Morgins 1737";
$scope.doc5 = "Région Morgins 1733";
$scope.doc6 = "Région Valais romand 1737";
$scope.bornes1 = ["BF01.jpg","BF02.jpg","BF03.jpg","BF04.jpg","BF05.jpg","BF06.jpg","BF07.jpg","BF08.jpg","BF09.jpg","BF10.jpg","BF11.jpg","BF12.jpg"];
$scope.bornes2 = ["BF01.jpg","BF02.jpg","BF03.jpg","BF04.jpg","BF05.jpg","BF06.jpg","BF07.jpg","BF08.jpg","BF09.jpg","BF10.jpg","BF11.jpg","BF12.jpg"];
$scope.bornes3 = ["BF13.jpg","BF14.jpg","BF15.jpg"];
$scope.bornes4 = ["BF36.jpg","BF37.jpg","BF38.jpg","BF39.jpg","BF40.jpg","BF41.jpg","BF42.jpg","BF43.jpg","BF44.jpg","BF45.jpg","BF46.jpg","BF47.jpg","BF48.jpg","BF49.jpg","BF50.jpg","BF51.jpg","BF52.jpg","BF53.jpg","BF54.jpg","BF55.jpg","BF56.jpg","BF57.jpg","BF58.jpg","BF59.jpg","BF60.jpg","BF61.jpg","BF62.jpg","BF63.jpg","BF64.jpg","BF65.jpg"];
$scope.bornes5 = ["BF36.jpg","BF37.jpg","BF38.jpg","BF39.jpg","BF40.jpg","BF41.jpg","BF42.jpg","BF43.jpg","BF44.jpg","BF45.jpg","BF46.jpg","BF47.jpg","BF48.jpg","BF49.jpg","BF50.jpg","BF51.jpg","BF52.jpg","BF53.jpg","BF54.jpg","BF55.jpg","BF56.jpg","BF57.jpg","BF58.jpg","BF59.jpg","BF60.jpg","BF61.jpg","BF62.jpg","BF63.jpg","BF64.jpg","BF65.jpg"];
$scope.bornes6 = ["BF01.jpg","BF02.jpg","BF03.jpg","BF04.jpg","BF05.jpg","BF06.jpg","BF07.jpg","BF08.jpg","BF09.jpg","BF10.jpg","BF11.jpg","BF12.jpg","BF13.jpg","BF14.jpg","BF15.jpg","BF16.jpg","BF17.jpg","BF18.jpg","BF19.jpg","BF20.jpg","BF21.jpg","BF22.jpg","BF23.jpg","BF24.jpg","BF25.jpg","BF26.jpg","BF27.jpg","BF28.jpg","BF29.jpg","BF30.jpg","BF31.jpg","BF32.jpg","BF33.jpg","BF34.jpg","BF35.jpg","BF36.jpg","BF37.jpg","BF38.jpg","BF39.jpg","BF40.jpg","BF41.jpg","BF42.jpg","BF43.jpg","BF44.jpg","BF45.jpg","BF46.jpg","BF47.jpg","BF48.jpg","BF49.jpg","BF50.jpg","BF51.jpg","BF52.jpg","BF53.jpg","BF54.jpg","BF55.jpg","BF56.jpg","BF57.jpg","BF58.jpg","BF59.jpg","BF60.jpg","BF61.jpg","BF62.jpg","BF63.jpg","BF64.jpg","BF65.jpg"];
$scope.archive1 = ["IMG_5638.jpg","IMG_5639.jpg","IMG_5640.jpg","IMG_5641.jpg","IMG_5642.jpg","IMG_5643.jpg","IMG_5644.jpg","IMG_5645.jpg","IMG_5646.jpg"];
$scope.archive2 = ["IMG_6891.jpg","IMG_6905.jpg","IMG_6986.jpg","IMG_6987.jpg","IMG_6988.jpg","IMG_6989.jpg","IMG_6990.jpg","IMG_6991.jpg","IMG_6992.jpg","IMG_6993.jpg","IMG_6994.jpg","IMG_6995.jpg","IMG_6996.jpg","IMG_6997.jpg","IMG_6998.jpg","IMG_6999.jpg","IMG_7000.jpg"];
$scope.archive3 = ["IMG_5632.jpg","IMG_5633.jpg","IMG_5634.jpg","IMG_5635.jpg","IMG_5636.jpg","IMG_5637.jpg"];
$scope.archive4 = ["IMG_5611.jpg","IMG_5612.jpg","IMG_5613.jpg","IMG_5614.jpg","IMG_5615.jpg","IMG_5616.jpg","IMG_5617.jpg","IMG_5618.jpg","IMG_5619.jpg","IMG_5620.jpg","IMG_5621.jpg","IMG_5622.jpg","IMG_5623.jpg","IMG_5624.jpg","IMG_5625.jpg","IMG_5626.jpg"];
$scope.archive5 = ["IMG_6948.jpg","IMG_6949.jpg","IMG_6950.jpg","IMG_6951.jpg","IMG_6952.jpg","IMG_6953.jpg","IMG_6954.jpg","IMG_6955.jpg","IMG_6956.jpg","IMG_6957.jpg","IMG_6958.jpg","IMG_6959.jpg","IMG_6960.jpg"];
$scope.archive6 = ["IMG_7057.jpg","IMG_7058.jpg","IMG_7059.jpg","IMG_7060.jpg","IMG_7061.jpg","IMG_7062.jpg","IMG_7063.jpg","IMG_7064.jpg","IMG_7065.jpg","IMG_7066.jpg","IMG_7067.jpg","IMG_7069.jpg","IMG_7070.jpg","IMG_7071.jpg","IMG_7072.jpg","IMG_7073.jpg","IMG_7075.jpg","IMG_7076.jpg","IMG_7077.jpg","IMG_7078.jpg","IMG_7079.jpg","IMG_7080.jpg","IMG_7081.jpg","IMG_7082.jpg","IMG_7083.jpg","IMG_7084.jpg","IMG_7085.jpg","IMG_7086.jpg","IMG_7087.jpg"];
$scope.trans1 = "Limitation derrière Martigny (Balme).\n Délimitation du 9 août 1738.\n AEV CONFINIA B19 3/1/45 9 août 1738";
$scope.trans2 = "Carte des limites en conteste entre les Etats de Savoie et du Valais rière les communes de Martigny et celles de Chamonix et Vallorcine. Carte 20.08.1733.";
$scope.trans3 = "Limitation avec Finhaut (Emosson). Délimitation du 9 août 1738.AEV CONFINIA B19 3/1/44 9 août 1738";
$scope.trans4 = "Limitation avec Monthey. Délimitation du 19 octobre 1737.AEV CONFINIA B19 3/1/40 19 octobre 1737.";
$scope.trans5 = "Procès-verbal de la carte Abondance-Monthey.\n 1er septembre 1733.\n ASTO Confine conil Valley Mazzo 3 fascicolo 1";
$scope.trans6 = "Convention sur les confins de la Savoie du 3 juillet 1737.\n ASTO Confini con il Valley Mazzo 3 Fascicolo 24";
});
</script>
<!-- Container général du document où agit Angular -->
<div ng-app="myDocumentList" ng-controller="myCtrl">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#!">
<img src="icon/titre2.png" alt="" id="logo">
</a>
<!--<a class="navbar-brand" href="#!">FINES</a>-->
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#!">Home</a></li>
<li><a href="#!document1">Balme 1738</a></li>
<li><a href="#!document2">Balme 1733</a></li>
<li><a href="#!document3">Emosson 1738</a></li>
<li><a href="#!document4">Morgins 1737</a></li>
<li><a href="#!document5">Morgins 1733</a></li>
<li><a href="#!document6">Valais 1737</a></li>
</ul>
</div>
</div>
</nav>
<!-- Lieu ou les archives sont éditées -->
<div ng-view></div>
<!-- Introduction et bienvenue -->
<div class="container-fluid">
<h1 class = "text-center" id="titregen">Les bornes historiques de la frontière franco-valaisanne</h1>
<h3 class = "text-center">Bonjour, nous vous proposons de découvrir les bornes-frontière au moyen de trois classes de documents.</h3>
<br>
<div class="row display-flex">
<div class="col-sm-4" id="introphotos">
<h3 class = "text-center">Les photos</h3>
<div class="thumbnail">
<a href= "{{pathintro}}IMG_6147.jpg" target="_blank">
<img src="{{pathintro}}IMG_6147.jpg" alt="Photo bornes" style="width:100%">
<div class="caption">
<p>Photos des bornes-frontière</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="introarchives">
<h3 class = text-center>Les archives</h3>
<div class="thumbnail">
<a href="#archivecont">
<img src="{{pathintro}}IMG_5647.jpg" alt="Archives" style="width:100%">
<div class="caption">
<p>Reproduction des documents historiques concernant la mise en place des limites. Traités des limites et procès-verbaux d'abornement.</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="introtranscriptions">
<h3 class = text-center>Les transcriptions</h3>
<div class="thumbnail">
<a href="#archivecont">
<img src="{{pathintro}}transcr_Emosson_1738.jpg" alt="Transcriptions" style="width:100%">
<div class="caption">
<p>Transcription des archives en fichiers de texte utilisables pour des traitements personnalisés</p>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Présentation des archives disponibles -->
<div class="container-fluid" id="archivecont">
<h1 class = "text-center" id="titregen2">Les documents d'archives</h1>
<div class="row display-flex">
<div class="col-sm-4" id="docu1">
<h3 class = "text-center">{{doc1}}</h3>
<div class="thumbnail">
<a href="#!document1/#myPage">
<img src="bornes/{{bornes1[3]}}" alt="Borne n°4">
<div class="caption">
<p>{{trans1}}</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="docu2">
<h3 class = "text-center">{{doc2}}</h3>
<div class="thumbnail">
<a href="#!document2/#myPage">
<img src="bornes/{{bornes2[11]}}">
<div class="caption">
<p>{{trans2}}</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="docu3">
<h3 class = "text-center">{{doc3}}</h3>
<div class="thumbnail">
<a href="#!document3/#myPage">
<img src="bornes/{{bornes3[1]}}" alt="Borne n°14">
<div class="caption">
<p>{{trans3}}</p>
</div>
</a>
</div>
</div>
</div>
<br>
<div class="row display-flex">
<div class="col-sm-4" id="docu4">
<h3 class = "text-center">{{doc4}}</h3>
<div class="thumbnail">
<a href="#!document4/#myPage">
<img src="bornes/{{bornes4[0]}}" alt="Borne n°36">
<div class="caption">
<p>{{trans4}}</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="docu5">
<h3 class = "text-center">{{doc5}}</h3>
<div class="thumbnail">
<a href="#!document5/#myPage">
<img src="bornes/{{bornes5[1]}}" alt="Borne n°37">
<div class="caption">
<p>{{trans5}}</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4" id="docu6">
<h3 class = "text-center">{{doc6}}</h3>
<div class="thumbnail">
<a href="#!document6/#myPage">
<img src="bornes/{{bornes6[39]}}" alt="Borne n°40">
<div class="caption">
<p>{{trans6}}</p>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Carte de placement des bornes-frontière Google Map -->
<div class="container-fluid">
<div id="cartegoogle" class="" >
<div class="">
<h1 class = "text-center" id="titregen3">Les bornes sur la carte</h1>
<p class="text-center">Accès aux archives correspondantes en sélectionnant un marqueur de borne-frontière</p>
</div>
<div id="googleMap" style="height: 600px; width:100%"></div>
</div>
</div>
<!-- Footer -->
<footer class="text-center" id="pieddepage">
<a class="text-center" href="#!">HAUT DE PAGE</a>
<h3>Histoire des frontières de la Suisse - 2018 - <a href="http://www.histoiredebornes.ch" data-toggle="tooltip" title="Visitez le site Histoire de bornes">www.histoiredebornes.ch</a></h3>
</footer>
</div>
<!-- Map google script-->
<!-- Add Google Maps -->
<script src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCs4O9dKnThgGDYWY0CkI1Er-92LGKrPZ8"></script>
<script>
var myCenter = new google.maps.LatLng(46.05400, 6.95200);
var BFVS1 = new google.maps.LatLng(46.02639, 6.97028);
var BFVS2 = new google.maps.LatLng(46.02686, 6.96978);
var BFVS3 = new google.maps.LatLng(46.03105, 6.96657);
var BFVS4 = new google.maps.LatLng(46.03043, 6.96286);
var BFVS5 = new google.maps.LatLng(46.03253, 6.96147);
var BFVS6 = new google.maps.LatLng(46.03398, 6.96029);
var BFVS7 = new google.maps.LatLng(46.03751, 6.95768);
var BFVS8 = new google.maps.LatLng(46.03886, 6.95674);
var BFVS9 = new google.maps.LatLng(46.04163, 6.95474);
var BFVS10 = new google.maps.LatLng(46.04578, 6.95302);
var BFVS11 = new google.maps.LatLng(46.04982, 6.95133);
var BFVS12 = new google.maps.LatLng(46.05122, 6.94811);
var BFVS13 = new google.maps.LatLng(46.06539, 6.93172);
var BFVS14 = new google.maps.LatLng(46.06471, 6.92865);
var BFVS15 = new google.maps.LatLng(46.06525, 6.92464);
var BFVS16 = new google.maps.LatLng(46.08698, 6.88883);
var BFVS36 = new google.maps.LatLng(46.24969, 6.84580);
var BFVS42 = new google.maps.LatLng(46.25931, 6.85449);
var BFVS60 = new google.maps.LatLng(46.28000, 6.86493);
var BFVS65 = new google.maps.LatLng(46.28634, 6.86061);
var bornes = ["Zéro","BORNE-FRONTIERE n°1","BORNE-FRONTIERE n°2","BORNE-FRONTIERE n°3","BORNE-FRONTIERE n°4","BORNE-FRONTIERE n°5","BORNE-FRONTIERE n°6","BORNE-FRONTIERE n°7","BORNE-FRONTIERE n°8","BORNE-FRONTIERE n°9","BORNE-FRONTIERE n°10","BORNE-FRONTIERE n°11","BORNE-FRONTIERE n°12","BORNE-FRONTIERE n°13","BORNE-FRONTIERE n°14","BORNE-FRONTIERE n°15","BORNE-FRONTIERE n°16"];
var c_bornes = ["Zéro","CONTRIBUTION BORNE-FRONTIERE n°1","CONTRIBUTION BORNE-FRONTIERE n°2","CONTRIBUTION BORNE-FRONTIERE n°3","CONTRIBUTION BORNE-FRONTIERE n°4","CONTRIBUTION BORNE-FRONTIERE n°5","CONTRIBUTION BORNE-FRONTIERE n°6","CONTRIBUTION BORNE-FRONTIERE n°7","CONTRIBUTION BORNE-FRONTIERE n°8","CONTRIBUTION BORNE-FRONTIERE n°9","CONTRIBUTION BORNE-FRONTIERE n°10","CONTRIBUTION BORNE-FRONTIERE n°11","CONTRIBUTION BORNE-FRONTIERE n°12","CONTRIBUTION BORNE-FRONTIERE n°13","CONTRIBUTION BORNE-FRONTIERE n°14","CONTRIBUTION BORNE-FRONTIERE n°15","CONTRIBUTION BORNE-FRONTIERE n°16"];
var bornes_photos = ["Zéro","bfvsfr01a.jpg","bfvsfr01b.jpg","bfvsfr01c.jpg","bfvsfr01d.jpg","bfvsfr02a.jpg","bfvsfr02b.jpg","bfvsfr02c.jpg","bfvsfr02d.jpg","bfvsfr03a.jpg","bfvsfr03b.jpg","bfvsfr03c.jpg","bfvsfr03d.jpg","bfvsfr04a.jpg","bfvsfr04b.jpg","bfvsfr04c.jpg","bfvsfr04d.jpg","bfvsfr05a.jpg","bfvsfr05b.jpg","bfvsfr05c.jpg","bfvsfr05d.jpg","bfvsfr06a.jpg","bfvsfr06b.jpg","bfvsfr06c.jpg","bfvsfr06d.jpg","bfvsfr07a.jpg","bfvsfr07b.jpg","bfvsfr07c.jpg","bfvsfr07d.jpg","bfvsfr08a.jpg","bfvsfr08b.jpg","bfvsfr08c.jpg","bfvsfr08d.jpg","bfvsfr09a.jpg","bfvsfr09b.jpg","bfvsfr09c.jpg","bfvsfr09d.jpg","bfvsfr10a.jpg","bfvsfr10b.jpg","bfvsfr10c.jpg","bfvsfr10d.jpg","bfvsfr11a.jpg","bfvsfr11b.jpg","bfvsfr11c.jpg","bfvsfr11d.jpg","bfvsfr12a.jpg","bfvsfr12b.jpg","bfvsfr12c.jpg","bfvsfr12d.jpg","bfvsfr13a.jpg","bfvsfr13b.jpg","bfvsfr13c.jpg","bfvsfr13d.jpg","bfvsfr14a.jpg","bfvsfr14b.jpg","bfvsfr14c.jpg","bfvsfr14d.jpg","bfvsfr15a.jpg","bfvsfr15b.jpg","bfvsfr15c.jpg","bfvsfr15d.jpg","bfvsfr16a.jpg","bfvsfr16b.jpg","bfvsfr16c.jpg","bfvsfr16d.jpg"]
var bornes_det = ["Zéro","Borne principale de 1891","Borne de 1891","Bornes de 1738 et de 1891","Borne de 1737","Restaurant du col","Douane du Châtelard","Borne de 1738","La frontière","Cheville","Chevilles","Inscription de 1977","Borne de 1976","Vallon de Tenneverge"]
var bornes_detdet =["Zéro",
"La borne principale de 1891 du col de Balme côté France","La borne côté Suisse avec le Mont-Blanc","La borne principale de 1891 au col de Balme","Le restaurant du col en Suisse",
"La borne de 1891 du côté Suisse","Borne à l'angle du restaurant","Borne de 1891 côté France","Indication de direction de la frontière",
"Coin frontière de la Tête de Balme","Borne côté France","Borne prise depuis la Suisse","Borne devant le Mont-Blanc",
"Borne de 1738 avec le blason des 7 dizains et les armoiries de l'Evêque de Sion","Armoiries du Royaume de Sardaigne de 1738","Les deux bornes devant le Mont-Blanc","Deux bornes d'époques différentes",
"Borne franco-suisse de 1891","Direction rectiligne de la frontière","Le télésiège longe la frontière en France","Borne du côté France",
"Borne à la croix de 1738","Borne franco-suisse de 1891","Borne du côté France","Direction rectiligne de la frontière",
"Borne à la croix de 1738 cassée","Borne de 1891 côté France","Borne de 1891 côté Suisse","Borne à la croix de 1738 cassée",
"","","","",
"Ancienne borne aux armes des 7 dizains et de l'Evêque de Sion","","","",
"","","","Descente en ligne droite sur le Châtelard-frontière",
"","","Borne 11 complétée de chevilles autour du Châtelard-frontière","Cheville métallique",
"Borne de 1737 regravée en 1891 avec France et Suisse","Direction vers la rive gauche de l'Eau Noire","Blason de 7 dizains et armoiries de Saint-Maurice","",
"","","","",
"","","","",
"","","","",
"","","",""]
var numero_b_sel = document.getElementById("borne_num");
var numero_b_contr = document.getElementById("borne_numc");
var x1 = document.getElementById("borne1");
var x2 = document.getElementById("borne2");
var x3 = document.getElementById("borne3");
var x4 = document.getElementById("borne4");
var y1 = document.getElementById("descr1");
var y2 = document.getElementById("descr2");
var y3 = document.getElementById("descr3");
var y4 = document.getElementById("descr4");
var z1 = document.getElementById("detail1");
var z2 = document.getElementById("detail2");
var z3 = document.getElementById("detail3");
var z4 = document.getElementById("detail4");
function initialize() {
var mapProp = {
center:myCenter,
zoom:13,
scrollwheel:false,
draggable:true,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
var marker = new google.maps.Marker({
position:myCenter,
icon: "http://maps.google.com/mapfiles/ms/icons/green-dot.png",
url: "#border",
animation:google.maps.Animation.DROP});
marker.setMap(map);
var marker1 = new google.maps.Marker({position:BFVS1,url: "#!document1/#myPage",title: "BF001"}); marker1.setMap(map);
var marker2 = new google.maps.Marker({position:BFVS2,url: "#!document1/#myPage",title: "BF002"}); marker2.setMap(map);
var marker3 = new google.maps.Marker({position:BFVS3,url: "#!document1/#myPage",title: "BF003"}); marker3.setMap(map);
var marker4 = new google.maps.Marker({position:BFVS4,url: "#!document1/#myPage",title: "BF004"}); marker4.setMap(map);
var marker5 = new google.maps.Marker({position:BFVS5,url: "#!document1/#myPage",title: "BF005"}); marker5.setMap(map);
var marker6 = new google.maps.Marker({position:BFVS6,url: "#!document1/#myPage",title: "BF006"}); marker6.setMap(map);
var marker7 = new google.maps.Marker({position:BFVS7,url: "#!document1/#myPage",title: "BF007"}); marker7.setMap(map);
var marker8 = new google.maps.Marker({position:BFVS8,url: "#!document1/#myPage",title: "BF008"}); marker8.setMap(map);
var marker9 = new google.maps.Marker({position:BFVS9,url: "#!document1/#myPage",title: "BF009"}); marker9.setMap(map);
var marker10 = new google.maps.Marker({position:BFVS10,url: "#!document1/#myPage",title: "BF010"}); marker10.setMap(map);
var marker11 = new google.maps.Marker({position:BFVS11,url: "#!document1/#myPage",title: "BF011"}); marker11.setMap(map);
var marker12 = new google.maps.Marker({position:BFVS12,url: "#!document2/#myPage",title: "BF012"}); marker12.setMap(map);
var marker13 = new google.maps.Marker({position:BFVS13,url: "#!document3/#myPage",title: "BF013"}); marker13.setMap(map);
var marker14 = new google.maps.Marker({position:BFVS14,url: "#!document3/#myPage",title: "BF014"}); marker14.setMap(map);
var marker15 = new google.maps.Marker({position:BFVS15,url: "#!document3/#myPage",title: "BF015"}); marker15.setMap(map);
var marker16 = new google.maps.Marker({position:BFVS16,url: "#!document3/#myPage",title: "BF016"}); marker16.setMap(map);
var marker36 = new google.maps.Marker({position:BFVS36,url: "#!document4/#myPage",title: "BF036"}); marker36.setMap(map);
var marker42 = new google.maps.Marker({position:BFVS42,url: "#!document4/#myPage",title: "BF042"}); marker42.setMap(map);
var marker60 = new google.maps.Marker({position:BFVS60,url: "#!document4/#myPage",title: "BF060"}); marker60.setMap(map);
var marker65 = new google.maps.Marker({position:BFVS65,url: "#!document5/#myPage",title: "BF065"}); marker65.setMap(map);
function gestion_borne(){
numero_b_sel = document.getElementById("borne_num");
numero_b_contr = document.getElementById("borne_numc");
x1 = document.getElementById("borne1");
x2 = document.getElementById("borne2");
x3 = document.getElementById("borne3");
x4 = document.getElementById("borne4");
y1 = document.getElementById("descr1");
y2 = document.getElementById("descr2");
y3 = document.getElementById("descr3");
y4 = document.getElementById("descr4");
z1 = document.getElementById("detail1");
z2 = document.getElementById("detail2");
z3 = document.getElementById("detail3");
z4 = document.getElementById("detail4");
}
google.maps.event.addDomListener(marker1, 'click', function() {window.location.href = marker1.url;});
google.maps.event.addDomListener(marker2, 'click', function() {window.location.href = marker2.url;});
google.maps.event.addDomListener(marker3, 'click', function() {window.location.href = marker3.url;});
google.maps.event.addDomListener(marker4, 'click', function() {window.location.href = marker4.url;});
google.maps.event.addDomListener(marker5, 'click', function() {window.location.href = marker5.url;});
google.maps.event.addDomListener(marker6, 'click', function() {window.location.href = marker6.url;});
google.maps.event.addDomListener(marker7, 'click', function() {window.location.href = marker7.url;});
google.maps.event.addDomListener(marker8, 'click', function() {window.location.href = marker8.url;});
google.maps.event.addDomListener(marker9, 'click', function() {window.location.href = marker9.url;});
google.maps.event.addDomListener(marker10, 'click', function() {window.location.href = marker10.url;});
google.maps.event.addDomListener(marker11, 'click', function() {window.location.href = marker11.url;});
google.maps.event.addDomListener(marker12, 'click', function() {window.location.href = marker12.url;});
google.maps.event.addDomListener(marker13, 'click', function() {window.location.href = marker13.url;});
google.maps.event.addDomListener(marker14, 'click', function() {window.location.href = marker14.url;});
google.maps.event.addDomListener(marker15, 'click', function() {window.location.href = marker15.url;});
google.maps.event.addDomListener(marker16, 'click', function() {window.location.href = marker16.url;});
google.maps.event.addDomListener(marker36, 'click', function() {window.location.href = marker36.url;});
google.maps.event.addDomListener(marker42, 'click', function() {window.location.href = marker42.url;});
google.maps.event.addDomListener(marker60, 'click', function() {window.location.href = marker60.url;});
google.maps.event.addDomListener(marker65, 'click', function() {window.location.href = marker65.url;});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>