Slides: // required array of slide objects (see below)
#KNIGHT LAB STORYMAP ONLY SHOWS FIRST TILE OF ZOOMIFY CODE#
Language: string, // required two-letter ISO language code Height: integer, // required for embed tool height of StoryMapĬalculate_zoom: true, // optional defaults to true. Width: integer, // required for embed tool width of StoryMap The JSON for these StoryMaps have the following structure: Map-based storymaps tell stories with geographic locations. Most changes should be additions, providing backward compatibility. StoryMapJS is still in beta, so the JSON format is subject to change. View the StoryMap embed tool source code for details. However, as of StoryMap 0.4.6, you can also specify these directly in the storymap_data JSON, as "top-level" keys.Īlso, any specified fonts must be loaded by the embedding page. When creating a StoryMap object, certain settings, if you wish to override the defaults, may be passed within the separate options parameter.
Storymap.updateDisplay() // this isn't automatic Var storymap = new KLStoryMap.StoryMap('mapdiv', storymap_data, storymap_options) certain settings must be passed within a separate options object Var storymap_data = '/static/demo/demo.json' storymap_data can be an URL or a Javascript object You'll need to include code something like the following. (The details of cross-domain origin restrictions are out of scope for this document.)Ĭomplete details on the JSON syntax for StoryMapJS is below. If you are loading the data from a URL, it must either be on the same server as the page where you are displaying the StoryMap or from a server with correctly configured CORS headers. You can load the data from a file on the web, or you can create a javascript object by any other means you like. StoryMapJS uses JSON data as its native data format. But if you want maximum control over StoryMapJS, read on. Most users will probably use the StoryMapJS authoring tool to create their StoryMaps.
0 kommentar(er)
