Au pays Des Cartes : Différence entre versions

De Les Fabriques du Ponant
Aller à : navigation, rechercher
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:20

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

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