Ajout d'une doc d'install et suppression des démos région

README.md

@@ -17,7 +17,24 @@ Il existe pour le moment 2 templates (liste et carousel) et un mode minimaliste
 
 ----------
 
-### Principe
+### Installation
+
+Prérequis : avoir un serveur web type apache ou nginx.
+
+Pour installer storymap, il faut commencer par faire un git clone :
+
+> git clone https://github.com/mviewer/storymap.git
+
+Si le répertoire d'installation est différent de /storymap, il faut effectuer la modification dans le fichier index.html ligne 5 exemple : 
+
+>     <base href="/histoires/"></base>
+
+Une fois le paramétrage effectué, vous pourrez charger les storymaps exemples. 
+
+
+----------
+
+### Création d'une storymap
 
 -------------
 Pour créer une nouvelle storymap, il suffit de créer un dossier dans le répertoire stories et d'y déposer les ressources nécessaires à savoir :

config.json

@@ -1,76 +1,78 @@
-{   "splash": {        
-        "iframe": "stories/dinan_leon/splash.html"
-    },
-    "theme": {"css":"stories/dinan_leon/dinan_leon_t3.css"},
-    "tooltip" : {"fields": ["nom"]},
-	"map": {
+{
+  "splash": {
+    "title":"StoryMap de démo",
+    "text":"Mode carousel"
+  },
+  "theme": {
+    "color" : "#009688"
+  },
+  "tooltip": {
+    "fields": [
+      "nom","date_creation"
+    ],
+    "template":"{{nom}} - ({{date_creation}})"
+  },
+  "map": {
 		"center": [-227028,6182514],
-		"zoom": 16,
-		"width": "100%",
-        "overview": false,
-        "url" : "https://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
-        "animation": false
-	},
-	"data": {
-        "title": "DE DINAN À LÉHON" ,
-        "subtitle":"Par le chemin de halage",
-        "template": {"name": "carousel", "options": {"width":"50%", "color":"#7f8c8d"} },
-		"url": "stories/dinan_leon/dinan_leon.geojson",
-        "orderby": "ordre",
-		"fields": [{
-                "name": "nom",
-                "type": "title"
-        },
-		{
-			"name":"resume",
-			"type":"text"	
-		},
-		{
-			"name":"localisation",
-			"type":"text"	
-		},
-		{
-			"name":"historique",
-			"type":"text"	
-		},
-        {
-			"name":"lien_image",
-			"type":"background"	
-		},
+		"zoom": 12,
+    "width": "100%",
+    "overview": false,
+    "url": "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",
+    "animation": true
+  },
+  "data": {
+    "title": "StoryMap de démo",
+    "subtitle": "Mode carousel",
+    "template": {
+      "name": "carousel",
+      "size": "40%"
+    },
+    "url": "stories/demo_carousel/rnr.geojson",
+    "orderby": "ordre",
+    "fields": [
+      {
+        "name": "nom",
+        "type": "title"
+      }
+    ],
+    "id": "id",
+    "tpl": "stories/demo_carousel/demo.mst",
+    "analyse": {
+      "type": "single",
+      "field": "",
+      "values": [],
+      "styles": [
         {
-			"name":"lien_dossi",
-			"type":"url"	
-		}],
-        "analyse": {
-            "type": "single",
-			"field": "",
-			"values": [],
-			"styles": [
-                {
-                    "fill": {
-                        "color": "rgba(206,0,0,0.7)"
-                    },
-                    "stroke": {
-                        "color": "rgba(206,0,0,0.2)",
-                        "width": 2
-                    },
-                     "icon": {
-                        "src" : "https://kartenn.region-bretagne.fr/storymap/stories/dinan_leon/image/placeholder_black.svg",
-                        "scale" : 0.07
-                    }
-                }
-            ]
-		},		
-		"hightlightstyle": {
-            "icon": {
-                "src" : "https://kartenn.region-bretagne.fr/storymap/stories/dinan_leon/image/placeholder_black_light.svg",
-                "scale" : 0.09
-            }
-		}
-	},
-	"extradata": {
-		"url": "stories/dinan_leon/dinan_lehon_bis.csv",
-		"linkfield" : "id"
-	}
-
+          "fill": {
+            "color": "rgba(14,152,139,0.6)"
+          },
+          "stroke": {
+            "color": "rgba(14,152,139)",
+            "width": 0.5
+          },
+          "icon": {
+            "src": "",
+            "scale": 0.2
+          }
+        }
+      ]
+    },
+    "hightlightstyle": {
+      "fill": {
+        "color": "rgba(14,152,139,0.8)"
+      },
+      "icon": {
+        "src": "",
+        "scale": 0.25
+      },
+      "stroke": {
+        "color": "rgba(14,152,139,0)",
+        "width": 6
+      }
+    }
+  },
+  "extradata": {
+    "url": "",
+    "linkfield": ""
+  }
 }