Au pays Des Cartes : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
(→‎Les encapsulations)
Ligne 76 : Ligne 76 :
 
<html>
 
<html>
 
<iframe width="100%" height="300px" frameBorder="0" src="http://umap.openstreetmap.fr/fr/map/mediation-numerique-en-paca_3425?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe><p><a href="http://umap.openstreetmap.fr/fr/map/mediation-numerique-en-paca_3425">Voir en plein écran</a></p>
 
<iframe width="100%" height="300px" frameBorder="0" src="http://umap.openstreetmap.fr/fr/map/mediation-numerique-en-paca_3425?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&allowEdit=false&moreControl=true&datalayersControl=true&onLoadPanel=undefined&captionBar=false"></iframe><p><a href="http://umap.openstreetmap.fr/fr/map/mediation-numerique-en-paca_3425">Voir en plein écran</a></p>
 +
</html>
 +
===Test===
 +
<html>
 +
<div class='ajaxbloc ajax-id-liste_fiches' data-ajax-env='fheoI34hoIsfUfcwmAetkSJ2zSFLPCHDUAOOmzWLKL6lkPFo/gAHu8i77wWmaJT3C4A14y5owDHEH2MwSKnXmIlJAmUnNhWiURp6hfyvPJ6rO+HmNODNErYGAp9AvfvJvqfthgcpGb46stT1qjtSzzfLfJuiZKoL/kBqZ2VPWubbTuPqk5uH0VaMrOtqhbCy//UbN9fcR3+sD2cbw29rkGZ3otH/D0ObsX2QUetPCIN1zTdaZH3yc1PNf1y7LKTRPKflj9ioUJBh94aavg==' data-origin="rubrique2.html">
 +
<div id="map_fiches" class="carte_gis" style="width:100%; height:550px"></div>
 +
<script type="text/javascript">
 +
/*<![CDATA[*/
 +
;(function($){
 +
// Charger le javascript de GIS et initialiser la carte (des que DOM ready)
 +
$.ajax({url: 'local/cache-js/jsdyn-javascript_gis_js-118a787c.js', dataType: 'script', cache: true}).done(function(){
 +
// DOM ready go!
 +
$(function(){
 +
var bounds;
 +
var map = L.map('map_fiches', {
 +
zoomControl: false,
 +
//dragging: false,
 +
scrollWheelZoom: false,
 +
touchZoom: false,
 +
doubleClickZoom: false,
 +
boxZoom: false,
 +
keyboard: false,
 +
attributionControl: false
 +
}).setView([47.87214396888731,-2.845458984375],8);
 +
 +
var mots = {10: 3,11: 92,12: 0,13: 1,14: 2,15: 3,16: 5,17: 0,18: 3,19: 10,20: 1,21: 2,22: 1,23: 3,24: 16,25: 11,26: 2,27: 3,28: 0,29: 4,30: 1,261: 8};
 +
 +
function highlightFeature(feature,layer) {
 +
 +
ajaxReload('liste_fiches', {args: {pays: feature.properties.id_mot, debut_articles: 0}, history: true});
 +
}
 +
 +
 +
 +
$.getJSON('http://www.bretagne-creative.net/plugins/creative/pays.json','', function(data) {
 +
if (data){
 +
var geojson = L.geoJson(data,{
 +
style: function (feature) {
 +
return {color: '#999', weight: 1, fillColor: '#c5c5c5', opacity: 1 };
 +
},
 +
onEachFeature: function (feature, layer) {
 +
layer.bindLabel(feature.properties.NOM_PAYS);
 +
var childCount = mots[feature.properties.id_mot];
 +
if (childCount > 0) {
 +
var c = ' marker-bubble-';
 +
if (childCount < 10) {
 +
c += 'small';
 +
} else if (childCount < 20) {
 +
c += 'medium';
 +
} else {
 +
c += 'large';
 +
}
 +
L.marker(layer.getBounds().getCenter(),{
 +
icon: L.divIcon({
 +
html: '<div><span>' + childCount + '</span></div>', className: 'marker-bubble' + c,
 +
iconSize: L.point(40, 40)
 +
}),
 +
title: feature.properties.title
 +
}).on({
 +
click: function (e) {
 +
highlightFeature(feature,layer);
 +
}
 +
}).bindLabel(feature.properties.NOM_PAYS).addTo(map);
 +
layer.on({
 +
click: function (e) {
 +
highlightFeature(feature,layer);
 +
}
 +
});
 +
if (0== feature.properties.id_mot) {
 +
bounds = layer.getBounds();
 +
}
 +
}
 +
}
 +
}).addTo(map);
 +
map.fitBounds(bounds ? bounds : geojson.getBounds());
 +
}
 +
});
 +
});
 +
});
 +
})(jQuery);
 +
/*]]>*/
 +
</script>
 +
 +
<div class="tdm">
 +
<ul class="ui four column doubling grid">
 +
 +
<li class="column  on">
 +
<a href="rubrique2.html?theme=&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Tout</span>
 +
<span class="ui button blue"> 160</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=1&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Citoyenneté</span>
 +
<span class="ui button blue"> 45</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=2&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Consommation</span>
 +
<span class="ui button blue"> 33</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=3&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Culture</span>
 +
<span class="ui button blue"> 29</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=4&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Éducation</span>
 +
<span class="ui button blue"> 32</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=5&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Environnement</span>
 +
<span class="ui button blue"> 37</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=271&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Jeunesse</span>
 +
<span class="ui button blue"> 10</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=6&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Libre et commun</span>
 +
<span class="ui button blue"> 26</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=7&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Santé</span>
 +
<span class="ui button blue"> 15</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=8&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Social</span>
 +
<span class="ui button blue"> 46</span>
 +
</a>
 +
</li>
 +
 +
<li class="column">
 +
<a href="rubrique2.html?theme=9&amp;debut_articles=0" class="ajax ui two fluid buttons">
 +
<span class="ui button">Solidarité</span>
 +
<span class="ui button blue"> 48</span>
 +
</a>
 +
</li>
 +
 +
</ul>
 +
</div>
 
</html>
 
</html>

Version du 15 mars 2016 à 02:19

Présentation

Effectuant un travail d'inventaire des cartographies existantes en matière de :

  • Acteurs éducatifs du Numérique
  • Fablabs, Hackerspace, et différents de makers numériques
  • Tiers lieux, espace coworking, co-travail
  • Innovation sociale

Autant partager le résultat ! Ce travail est posé là, donc, sous licence CC-By-Sa, prenez-le, diffusez-le, améliorez-le c'est fait pour ! Si vous avez des questions ou des suggestions, n'hésitez pas à vous adresser à l'auteur : Antony Auffret.

Cartes internationales

Cartes à l'échelle nationale française

Cartes Régionales

Bretagne

Pays de la Loire

Normandie :

Provence Alpes Côte d'Azur :

Les encapsulations

Merci aux auteurs qui mettent des codes d'exportations de leurs cartes !

Les fablab de FABWiki

Les EPN de Net public

Les fablabs en Bretagne

Guillaume Rouan a réalisé cette carte, généreusement placée sous la licence CC-By, qui fait l'inventaire de différents lieux (Voir sur son blog).

Le Pole image et Réseau en Bretagne

La carte d'Arsenic en PACA

Voir en plein écran

Test

Récupérée de « http://wiki.lesfabriquesduponant.net/index.php?title=Au_pays_Des_Cartes&oldid=4005 »

Menu de navigation