Attention ! Gitlab fournissant maintenant nativement des certificats Let’s Encrypt aux domaines personnalisés des Gitlab Pages, nous avons coupé notre service qui le faisait automatiquement pour vous.

Il est impératif, pour que votre domaine personnalisé continue à avoir un certificat Let’s Encrypt à jour, d’activer la fonctionnalité native dans les paramètres de votre projet. Cette activation remplacera votre certificat actuel par un nouveau certificat Let’s Encrypt géré par Gitlab.

Voir les détails sur https://docs.framasoft.org/fr/gitlab/gitlab-pages-le.html

Commit 97fc9cac authored by Julien Fastré's avatar Julien Fastré

initial commit

parents
proposition.md
src/drafts/*
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma carte</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma carte</title>
<link rel="stylesheet" href="http://openlayers.org/en/v3.7.0/css/ol.css" type="text/css">
<script src="http://openlayers.org/en/v3.7.0/build/ol.js" type="text/javascript"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.transform([6.2351431, 44.0918144], 'EPSG:4326', 'EPSG:3857'),
zoom: 10
})
});
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Markers avec cluster</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster-src.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma carte</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Ma carte</title>
<link rel="stylesheet" href="http://openlayers.org/en/v3.7.0/css/ol.css" type="text/css">
<script src="http://openlayers.org/en/v3.7.0/build/ol.js" type="text/javascript"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.transform([6.2351431, 44.0918144], 'EPSG:4326', 'EPSG:3857'),
zoom: 10
})
});
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mon premier pop-up avec Leaflet</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
L.marker([44.0967893, 6.2391226]).bindPopup('<p>Ici, c\'est Udos</p>').addTo(map).openPopup();
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Un popup avec openlayers</title>
<link rel="stylesheet" href="http://openlayers.org/en/v3.7.0/css/ol.css" type="text/css">
<script src="http://openlayers.org/en/v3.7.0/build/ol.js" type="text/javascript"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
],
view: new ol.View({
center: ol.proj.transform([6.2351431, 44.0918144], 'EPSG:4326', 'EPSG:3857'),
zoom: 10
})
});
//create the style
var icon_style = new ol.style.Style({
image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
anchor: [0.5, 32],
anchorXUnits: 'fraction',
anchorYUnits: 'pixels',
opacity: 0.75,
src: 'img/marker.png'
}))
});
//create one feature
var feature = new ol.Feature({
geometry: new ol.geom.Point(
ol.proj.transform([6.2391226, 44.0967893], 'EPSG:4326', 'EPSG:3857')
),
name: 'udos'
});
//create a vector source and add the feature on the source
var vector_source = new ol.source.Vector();
vector_source.addFeature(feature);
// create a layer to embed the vector_source on map
var vector_layer = new ol.layer.Vector({
source: vector_source,
style: icon_style //one style for all features !
});
// add the new layer on map
map.addLayer(vector_layer);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Click sur carte avec leaflet</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
//Ecoute le click sur la carte
map.on('click', function(event) {
var latlng, marker, popup;
latlng = event.latlng;
marker = L.marker(latlng);
marker.bindPopup('Vous avez cliqu&eacute; sur lat: '+ latlng.lat + ' lon: ' + latlng.lng);
marker.addTo(map);
});
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Geojson avec leaflet</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
jQuery.getJSON('data/parkings_velos_a_dignes.geojson', function (data) {
L.geoJson(data).addTo(map);
});
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Markers avec cluster</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster-src.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
var clustered_markers = new L.MarkerClusterGroup();
jQuery.getJSON('data/parkings_velos_a_dignes.json', function (data) {
var i = 0,
max,
parkings = data.elements;
for (i = 0, max = parkings.length; i < max; i = i + 1) {
var m = new L.Marker([parkings[i].lat, parkings[i].lon]);
clustered_markers.addLayer(m);
}
});
map.addLayer(clustered_markers);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Markers avec cluster et icones</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster-src.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
var clustered_markers = new L.MarkerClusterGroup();
var bike_icon = new L.Icon({
iconUrl: 'img/bike.png',
iconSize: [20, 20],
shadowUrl: 'img/bike_shadown.png',
shadowSize: [20, 20]
});
jQuery.getJSON('data/parkings_velos_a_dignes.json', function (data) {
var i = 0,
max,
parkings = data.elements;
for (i = 0, max = parkings.length; i < max; i = i + 1) {
m = new L.Marker([parkings[i].lat, parkings[i].lon], {icon: bike_icon});
clustered_markers.addLayer(m);
}
});
map.addLayer(clustered_markers);
</script>
</body>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Markers avec cluster et icones</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster-src.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<style>
#map {
height: 90vh;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
var map = L.map('map', {center: [44.0918144, 6.2351431,], zoom: 10});
tile = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: "Map data &copy; <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors"
}).addTo(map);
var clustered_markers = new L.MarkerClusterGroup();
var bike_icon = new L.Icon({
iconUrl: 'img/bike.png',
iconSize: [20, 20],
shadowUrl: 'img/bike_shadown.png',
shadowSize: [20, 20]
});
jQuery.getJSON('data/parkings_velos_a_dignes.json', function (data) {
var i = 0,
max,
parkings = data.elements;
for (i = 0, max = parkings.length; i < max; i = i + 1) {
m = new L.Marker([parkings[i].lat, parkings[i].lon], {icon: bike_icon});
clustered_markers.addLayer(m);
}
});
map.addLayer(clustered_markers);
L.control.layers({"Base map": tile}, {"Parkings vélos": clustered_markers}).addTo(map);
</script>
</body>
This diff is collapsed.
{
"version": 0.6,
"generator": "Overpass API",
"osm3s": {
"timestamp_osm_base": "2015-07-09T14:23:02Z",
"timestamp_areas_base": "2015-07-08T05:34:02Z",
"copyright": "The data included in this document is from www.openstreetmap.org. The data is made available under ODbL."
},
"elements": [
{
"type": "node",
"id": 3092038587,
"lat": 44.0728887,
"lon": 6.170648
},
{
"type": "node",
"id": 3092035778,
"lat": 44.070599,
"lon": 6.1760939
},
{
"type": "node",
"id": 3092065428,
"lat": 44.0714424,
"lon": 6.1745929
},
{
"type": "node",
"id": 3092054949,
"lat": 44.0793676,
"lon": 6.2119286
},
{
"type": "node",
"id": 3092056870,
"lat": 44.0789991,
"lon": 6.2109789
},
{
"type": "node",
"id": 3092062392,
"lat": 44.0782754,
"lon": 6.2095132
},
{
"type": "node",
"id": 3092062638,
"lat": 44.0780692,
"lon": 6.2097908
},
{
"type": "node",
"id": 3092051119,
"lat": 44.0803851,
"lon": 6.2146445
},
{
"type": "node",
"id": 3092055857,
"lat": 44.0794095,
"lon": 6.2143302
},
{
"type": "node",
"id": 3092059952,
"lat": 44.0801518,
"lon": 6.2140718
},
{
"type": "node",
"id": 3092046866,
"lat": 44.0816605,
"lon": 6.224034
},
{
"type": "node",
"id": 3092062393,
"lat": 44.0885237,
"lon": 6.2177777
},
{
"type": "node",
"id": 3092048283,
"lat": 44.0829398,
"lon": 6.2226164
},
{
"type": "node",
"id": 3092049682,
"lat": 44.0838559,
"lon": 6.22594
},
{
"type": "node",
"id": 3092050121,
"lat": 44.0878113,
"lon": 6.2286004
},
{
"type": "node",
"id": 3092064891,
"lat": 44.0892437,
"lon": 6.2319208
},
{
"type": "node",
"id": 3090757511,
"lat": 44.0903699,
"lon": 6.2318328
},
{
"type": "node",
"id": 3090771005,
"lat": 44.0922359,
"lon": 6.2321237
},
{
"type": "node",
"id": 3092032979,
"lat": 44.0911623,
"lon": 6.2308948
},
{
"type": "node",
"id": 2429058767,
"lat": 44.0913161,
"lon": 6.2338948
},
{
"type": "node",
"id": 2428971929,
"lat": 44.0933179,
"lon": 6.2352029
},
{
"type": "node",
"id": 3090402004,
"lat": 44.0935222,
"lon": 6.2357038
},
{
"type": "node",
"id": 3090762492,
"lat": 44.0910993,
"lon": 6.2371524
},
{
"type": "node",
"id": 3090766283,
"lat": 44.0932116,
"lon": 6.2373409
},
{
"type": "node",
"id": 3090767982,
"lat": 44.092907,
"lon": 6.2350156
},
{
"type": "node",
"id": 3090770872,
"lat": 44.0917216,
"lon": 6.2330238
},
{
"type": "node",
"id": 3090776975,
"lat": 44.0953222,
"lon": 6.234089
},
{
"type": "node",
"id": 3090782159,
"lat": 44.0942528,
"lon": 6.2371327
},
{
"type": "node",
"id": 3090784581,
"lat": 44.0940108,
"lon": 6.235041
},
{
"type": "node",
"id": 3090785906,
"lat": 44.0905404,
"lon": 6.2376401
},
{
"type": "node",
"id": 3090785967,
"lat": 44.0922844,
"lon": 6.2376849
},
{
"type": "node",
"id": 3090790367,
"lat": 44.0916728,
"lon": 6.237771