@projektemacher/storymapjs 0.10.7 → 0.10.8

package/dist/examples-iiif/map-area-overlays.json

@@ -0,0 +1,289 @@
+{
+    "@context": [
+        "http://iiif.io/api/extension/navplace/context.json",
+        "http://iiif.io/api/presentation/3/context.json",
+        "https://cmahnke.github.io/StoryMapJS/navplace-properties.json",
+        "https://cmahnke.github.io/StoryMapJS/context.json"
+    ],
+    "id": "https://example.org/storymap/map-area-overlays",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "map-area-overlays"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/map-area-overlays/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1890",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/map-area-overlays/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/map-area-overlays/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "map_area, overlays, overview_extent, keyboard"
+                                ]
+                            },
+                            "accessibilitySummary": {
+                                "none": [
+                                    "A map of London with two stacked overlay layers"
+                                ]
+                            },
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-landscape.jpg"
+                            },
+                            "target": "https://example.org/storymap/map-area-overlays/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Map area, overlays and minimap bounds"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The map is limited to the left half, two raster layers are stacked above the basemap (the second one hidden, blended and clipped) and the overview is pinned to a lon/lat box. Arrow keys navigate the story."
+                ]
+            },
+            "storymap:type": "overview",
+            "navPlace": {
+                "id": "https://example.org/storymap/map-area-overlays/canvas/1/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/map-area-overlays/canvas/1/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.1278,
+                                51.5074
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 10
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/map-area-overlays/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1900",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/map-area-overlays/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/map-area-overlays/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-portrait.jpg"
+                            },
+                            "target": "https://example.org/storymap/map-area-overlays/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "The overlay follows the story"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Every option in this storymap is also expressible in a IIIF Presentation manifest: map_area, overlays, overview_extent and keyboard become storymap: extension terms of the map configuration service."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/map-area-overlays/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/map-area-overlays/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.0922,
+                                51.5155
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 12,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/map-area-overlays/canvas/3",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1910",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/map-area-overlays/canvas/3/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/map-area-overlays/canvas/3/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-landscape.jpg"
+                            },
+                            "target": "https://example.org/storymap/map-area-overlays/canvas/3"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Constrained to the box"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "map_bbox and overview_extent use the same [west, south, east, north] lon/lat convention, and a polygon navPlace in a manifest is read as exactly that box."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/map-area-overlays/canvas/3/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/map-area-overlays/canvas/3/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.0046,
+                                51.4818
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 11,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        }
+    ],
+    "navPlace": {
+        "id": "https://example.org/storymap/map-area-overlays/navplace",
+        "type": "FeatureCollection",
+        "features": [
+            {
+                "id": "https://example.org/storymap/map-area-overlays/navplace/feature/1",
+                "type": "Feature",
+                "geometry": {
+                    "type": "Polygon",
+                    "coordinates": [
+                        [
+                            [
+                                -0.6,
+                                51.2
+                            ],
+                            [
+                                0.4,
+                                51.2
+                            ],
+                            [
+                                0.4,
+                                51.8
+                            ],
+                            [
+                                -0.6,
+                                51.8
+                            ],
+                            [
+                                -0.6,
+                                51.2
+                            ]
+                        ]
+                    ]
+                },
+                "properties": {}
+            }
+        ]
+    },
+    "service": [
+        {
+            "id": "https://example.org/storymap/map-area-overlays/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "osm",
+            "storymap:mapArea": "left",
+            "storymap:overviewExtent": [
+                -0.6,
+                51.2,
+                0.4,
+                51.8
+            ],
+            "storymap:keyboard": true,
+            "storymap:overlays": [
+                {
+                    "map_type": "https://tiles.example.org/london-1900/{z}/{x}/{y}.png",
+                    "opacity": 0.55,
+                    "attribution": "Historical base sheet (demo overlay)"
+                },
+                {
+                    "map_type": "https://tiles.example.org/railway-1850/{z}/{x}/{y}.png",
+                    "visible": false,
+                    "className": "ol-layer historic-sheet",
+                    "blendMode": "multiply",
+                    "extent": [
+                        -0.4,
+                        51.3,
+                        0.2,
+                        51.7
+                    ],
+                    "attribution": "Railway lines 1850 (demo overlay)"
+                }
+            ]
+        }
+    ]
+}